Was bedeutet ":" in React.js?

Question

Es ist verwirrend für mich, dass = Variablen wie in anderen Sprachen üblich Werte zuweist, aber was macht :?

Ich fühle mich wie es Funktionen oder einige andere Dinge zu einer Variablen zuweisen.

Was genau macht es? Hier

ein Beispiel:

import React from 'react'; 

const MyComponents = { 
    DatePicker: function DatePicker(props) { 
    return <div>Imagine a {props.color} datepicker here.</div>; 
    } 
} 

function BlueDatePicker() { 
    return <MyComponents.DatePicker color="blue" />; 
} 

Der Doppelpunkt ist nach DatePicker

Answer 1

Ich weiß nicht reagieren, aber ich bin mir ziemlich sicher, dass dies für die Definition Methoden in Objekten nur Standard-JavaScript-Syntax ist. Siehe: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Defining_methods

objectName.methodname = function_name; 

var myObj = { 
    myMethod: function(params) { 
    // ...do something 
    } 

    // OR THIS WORKS TOO 

    myOtherMethod(params) { 
    // ...do something else 
    } 
}; 

Answer 2

Dies ist nicht so sehr eine react.js Sache, da es eine JSON Sache. JSON ist die JavaScript-Objektnotation. Hier wird : innerhalb {} verwendet, um dem Objekt Eigenschaften zuzuweisen. MyComponents wird zu einem Objekt und Sie können auf Eigenschaften wie MyComponents.DatePicker zugreifen.

Answer 3

Das ist nichts Reagieren spezifisch. Das heißt nur, dass MyComponents ein Objekt ist und DatePicker einer seiner Werte ist.

Es ist nicht anders als ein normales Objekt definieren:

const food = { 
    apple: 'Apple', 
    banana: 'Banana' 
};