Javascript 初学者计算器-ReactJS

Javascript 初学者计算器-ReactJS,javascript,reactjs,babeljs,Javascript,Reactjs,Babeljs,这是我与ReactJS的第一个项目, 我正在尝试制作我的第一个应用程序-计算器。 现在在我的项目中,我应该看到我在代码中编写的所有数字和运算符,但我看不到它们。我哪里出错了? 我不知道为什么它不起作用。 我必须在那个问题上写更多的细节,所以我会写下这些句子,在那个问题上写更多的文字 我的项目: var Calculator=React.createClass({ getInitialState:函数(){ 返回{ 数学:[ [“C”、“/”、“*”、“-”], [7,8,9,"+"], [4,

这是我与ReactJS的第一个项目, 我正在尝试制作我的第一个应用程序-计算器。 现在在我的项目中,我应该看到我在代码中编写的所有数字和运算符,但我看不到它们。我哪里出错了? 我不知道为什么它不起作用。 我必须在那个问题上写更多的细节,所以我会写下这些句子,在那个问题上写更多的文字

我的项目:

var Calculator=React.createClass({
getInitialState:函数(){
返回{
数学:[
[“C”、“/”、“*”、“-”],
[7,8,9,"+"],
[4,5,6,"+"],
[1,2,3,"="],
[0,".","="]
]
}
},
render:function(){
返回(
{this.state.math.map(函数(行)){
var mutants=row.map(函数(操作数){
返回(
{操作数}
)
})
返回(
{突变体}
)
})}
)
}
})
ReactDOM.render(,document.getElementById(“空格”))
@导入url('https://fonts.googleapis.com/css?family=Roboto');
身体{
背景:蓝色;
字体系列:“机器人”;
}
#空间{
宽度:50vw;
高度:80vh;
左边距:25vw;
背景:红色;
}
#计算器{
宽度:100%;
身高:100%;
}
#计算器>div{
宽度:100%;
}
#结果{
高度:20vh;
}
#数学表{
高度:60vh;
}
.行{
宽度:100%;
身高:25%;
}
.rows>div{
浮动:左;
身高:100%;
宽度:25%;
}
.numoperam{}


突变体
是一个数组(映射的结果)。也许可以尝试使用
{mutants.join(“”)}
-看看这是否有效。@ReactNode的Andy数组。所以这并不是问题所在:(@Piotr你能解释一下,你到底是什么意思,但我看不到。节点在代码片段中可见。