Блог

У меня есть некоторый код, в котором я устанавливаю состояние объекта для EMPMODAL. Позже я передаю prop модальному, затем в модальном мне нужно установить состояние объекта для этого объекта. Я не могу правильно понять синтаксис. Ниже приведен пример того, как он выглядит. Я сократил код, чтобы он не был точным. Но я думаю, что это та часть, где я устанавливаю состояние в конструкторе. Я думаю, поскольку я пытаюсь установить его на объект, у меня неправильный синтаксис. Спасибо за любую помощь.

 
        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

  

Вы передаете состояние неправильному компоненту

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

в то время как на другом конце получает его от компонента EmployeeDetailModal

Правильный способ

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