React 将 Object 传递给 Modal，然后将 Object 的状态设置为该 Object

Question

我有一些代码可以设置对象 formEmpModal 的状态。我稍后将道具传递给模态，然后在模态中我需要将对象的状态设置为该对象。我无法获得正确的语法。下面是它的外观示例。我缩短了代码，所以它不准确。但我认为这是我在构造函数中设置状态的部分。我认为自从我试图将它设置为对象以来我的语法就错了。感谢您的帮助。


        const formEmpModal = {
          firstname: emp.firstname,
          lastname: emp.lastname,
        };
        this.setState({
          formEmpModal: formEmpModal 
});

console.log(formEmModal): //THIS DOES LOG THE OBJECT SO IT IS SETTING STATE CORRECTLY


<EmployeeDetailModal
formEmpModal = {this.state.formEmpModal}  // PASSING THE OBJECT TO THE MODAL
/>


export class EmployeeDetailModal extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      formEmpModal: this.props.formEmpModal 
};};


console.log(this.props.formEmpModal.firstname) //THIS IS SAYING ITS UNDEFINED

Answer 1

您将状态传递给了错误的组件

<Modal
formEmpModal = {this.state.formEmpModal}  // PASSING THE OBJECT TO THE MODAL
/>

而在另一端从 EmployeeDetailModal 组件接收它

正确的方法

<EmployeeDetailModal
formEmpModal = {this.state.formEmpModal}  // PASSING THE OBJECT TO THE MODAL
/>

React 将 Object 传递给 Modal，然后将 Object 的状态设置为该 Object

React pass Object to Modal then set state of Object to that Object

bootstrap-modal

reactjs