令我感到困惑的是=
似乎像其他语言一样为变量赋值,但:
做了什么?
我觉得它正在为变量分配函数或其他东西。
究竟是做什么的?
以下是一个例子:
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" />;
}
冒号位于DatePicker
答案 0 :(得分:0)
这不是一个react.js,因为它是一个JSON的东西。 JSON是JavaScript Object Notation。 :
在{}
中使用MyComponents
为对象指定属性。 MyComponents.DatePicker
成为对象,您可以MyComponents
访问属性。
答案 1 :(得分:0)
这不是React特有的。这只是说DatePicker
是一个对象而const food = {
apple: 'Apple',
banana: 'Banana'
};
是其中一个值。
与定义普通对象没什么不同:
df:
country year perc data1 data2 data3
IN 2015 hjk 75 81 96
US 2015 KTM 100 289 632
Results:
country year perc TransposedColumn Value
IN 2015 hjk data1 75
IN 2015 hjk data2 81
IN 2015 hjk data3 96
US 2015 KTM data1 100
US 2015 KTM data2 289
US 2015 KTM data3 632
答案 2 :(得分:0)
我不知道反应,但我很确定这只是用于定义对象中方法的标准javascript语法。请参阅:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#Defining_methods
var clicked = false;
var $mainMenuButton = document.getElementsByClassName('desktopmenubutton');
if (clicked === false) {
for (h = 0; h < $mainMenuButton.length; h+=1) {
$mainMenuButton[h].addEventListener('click', function (e){
e.currentTarget.style.background = "black";
clicked = true; // change clicked state to true
});
}
} else {
for (i = 0; i < $mainMenuButton.length; i+=1) {
$mainMenuButton[i].addEventListener('click', function (e){
e.currentTarget.style.background = "red";
clicked = false;
});
}
}