javascript - React는 처음으로 입력 상자가 렌더링되지 않았는지 확인하고, 기본값이 있는지, 어떤 라이프사이클에 기록되는지 확인합니다.

Question

장면 설명

1. 뉴스 목록에 편집 버튼이 있습니다.
2. 편집 버튼을 클릭하면 기본값이 포함된 팝업 상자가 표시되지만 일부 입력 상자는 비어 있습니다.
3. 팝업 상자에 입력 상자는 별도의 구성 요소입니다.

문제 설명

팝업박스의 입력란이 별도의 컴포넌트이기 때문에 하나의 뉴스를 변경한 후 다른 뉴스의 편집을 클릭하게 되므로 어느 라이프사이클에 팝업박스를 확인해야 하는지 묻고 싶습니다. 클릭할 때마다 입력 상자에 기본값이 있고 그에 따라 반응하는지 여부입니다.

Answer 1

컴포넌트WillMount

Answer 2

comComponentDidMount

Answer 3

입력 상자가 있으므로 입력 상자의 값은 팝업 상자의 상태여야 합니다. 한 번에 팝업 상자가 하나만 있는 경우 팝업 상자는 하나의 인스턴스만 유지하면 됩니다. 따라서 componentWillRecevieProps에서 들어오는 데이터를 수신하고 데이터를 기반으로 상태 값을 설정합니다.

으아악