Reactjs 反应：无法读取属性'；价值'；未定义的

我在试着做一个计算器。我正在为初始测试构建我的组件，但我似乎无法编译它。我认为我没有将状态作为道具正确地传递给显示组件，但我真的不知道我做错了什么

import React，{Component}来自“React”；
导入“/App.css”；
类计算器扩展组件{
建造师（道具）{
超级（道具）；
this.state={value:[]“}；
}
render（）{
返回(
);
}
}
常量按钮=道具=>{
返回；
};
常量显示=道具=>{
返回(
{props.state.value}

);
};

提供给

显示

组件的

值

道具将被称为

值

，而不是

状态。值

：

const Display=props=>{
返回(
{props.value}

);
};

如果你不介意我问，为什么不是props.state.value？因为它是内部的“价值”属性state@HernanAriel只有组件的道具名称才重要。不管你是写

还是

。道具将始终通过道具名称到达。