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将对象传递给模态，然后将对象的状态设置为该对象

1 个答案: