장면 설명
1. 뉴스 목록에 편집 버튼이 있습니다.
2. 편집 버튼을 클릭하면 기본값이 포함된 팝업 상자가 표시되지만 일부 입력 상자는 비어 있습니다.
3. 팝업 상자에 입력 상자는 별도의 구성 요소입니다.
문제 설명
팝업박스의 입력란이 별도의 컴포넌트이기 때문에 하나의 뉴스를 변경한 후 다른 뉴스의 편집을 클릭하게 되므로 어느 라이프사이클에 팝업박스를 확인해야 하는지 묻고 싶습니다. 클릭할 때마다 입력 상자에 기본값이 있고 그에 따라 반응하는지 여부입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
컴포넌트WillMount
comComponentDidMount
입력 상자가 있으므로 입력 상자의 값은 팝업 상자의 상태여야 합니다. 한 번에 팝업 상자가 하나만 있는 경우 팝업 상자는 하나의 인스턴스만 유지하면 됩니다. 따라서
으아악componentWillRecevieProps에서 들어오는 데이터를 수신하고 데이터를 기반으로 상태 값을 설정합니다.