Javascript 通过道具操纵状态正确吗?

Javascript 通过道具操纵状态正确吗?,javascript,reactjs,Javascript,Reactjs,使用React通过操纵子元素中的道具来操纵父元素中的状态是否正确(示例)?还是返回对象并显式设置state的正确方法 下面的示例仅显示我在何处操作变量: const Parent = React.createClass({ getInitialState: function() { person: {name: 'john', age: 47}, }, render: function() { <div> <Child person =

使用React通过操纵子元素中的道具来操纵父元素中的状态是否正确(示例)?还是返回对象并显式设置state的正确方法

下面的示例仅显示我在何处操作变量:

const Parent = React.createClass({
  getInitialState: function() {
    person: {name: 'john', age: 47},
  },
  render: function() {
    <div>
      <Child person = {this.state.person} />
    </div>
  }
});

const Child = React.createClass({
  render: function() {
    let person = this.props.person;
    person = {name: 'john doe', age:30};
    return(<div> Person {person} </div>);
  }
});
const Parent=React.createClass({
getInitialState:函数(){
人:{姓名:'john',年龄:47},
},
render:function(){
}
});
const Child=React.createClass({
render:function(){
让person=this.props.person;
person={姓名:'johndoe',年龄:30};
返回(个人{个人});
}
});

是的,您应该了解“父”类的状态,并将其作为道具传递给“子”类

你的例子是正确的,只是我不知道你为什么要这样做

person = {...} 
再次在孩子的渲染类中

也许你是说

const Child = React.createClass({
   render: function() {
      let person = this.props.person;
      return(<div> Person {person} </div>);
   }
});
const Child=React.createClass({
render:function(){
让person=this.props.person;
返回(个人{个人});
}
});

这在文档中:…道具是不可变的:它们从父级传递,并由父级“拥有”

在本例中,您在哪里操作状态?