react 父组件的state值为什么会被子组件props引用的改变

  父
<Modal
          title={'编辑模板'}
          style={{ top: 10 }}
          width={500}
          visible={this.state.editModal}
          onCancel={() => {
            this.setState({ editModal: false });
          }}
          destroyOnClose={true}
          footer={null}
        >
          <Edit onCancel={() => {
            this.setState({ editModal: false });
          }}
                record={this.state.record}
               onSuccess={() => {
                 this.setState({ editModal: false });
                 this.loadData();
               }}
          />
</Modal>

	

  子
  componentDidMount() {
     let {record} = this.props;
    this.setState({
      title:record.title,
     })
  };

react 父组件的state值为什么会被子组件props引用的改变
这样子会遇到一种情况，就是子组件的title改变时，父组件的title也会被改变到，
因为对象是引用，指向的还是对象本身，
所以应该 let recordNew= JSON.parse(JSON.stringify(record))
转一下再去赋值，这样子才不会导致上述问题