2017-06-21 5 views
-3

=は、他の言語で通常そうであるように変数に値を割り当てるように思われますが、:は何をするのですか?「:」はReact.jsの意味ですか?

変数に関数やその他のものを割り当てているような気がします。

正確には何をしていますか?

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" />; 
} 

コロンはそれがJSONのものですので、これはあまりreact.jsものではありませんDatePicker

+0

結論は実際にはそれ自体はReact自体とは無関係です。それはJavascriptの機能で(かなりクール)組み込まれています! –

+0

これは反応とは関係ありません。これは普通の古いjavascript [object initialiazer](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Object_initializer)です。私はあなたに深いダイビングをする前にいくつかの基本的なjsチュートリアルを読むことをお勧めします他のlib。 –

+1

ReactJSを学ぶ前にJavaScriptの基礎を学ぶ – Weedoze

答えて

0

私が反応知りませんが、私は、これは、オブジェクトのメソッドを定義するための単なる標準のJavaScriptシンタックスでかなり確信しています。参照: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 
    } 
}; 
+0

ありがとう!私はJSの文書をチェックします。 – Meggie

0

後である:ここでは

は一例です。 JSONはJavaScript Object Notationです。ここでは :{}内で使用され、オブジェクトにプロパティが割り当てられます。 MyComponentsはオブジェクトになり、プロパティは MyComponents.DatePickerにアクセスできます。

0

これは何も反応がありません。それはちょうどMyComponentsがオブジェクトであり、DatePickerがその値の1つであるということです。

は、それは通常のオブジェクトを定義すると何ら変わりません:

const food = { 
    apple: 'Apple', 
    banana: 'Banana' 
}; 
関連する問題