요소 목록과 양식 (요소 생성 / 변경 용)이 있습니다. 반응으로 다음과 같이 표현합니다.
...
render() {
return (
<div>
<List/>
<Form/>
</div>
)
}
...
각 목록 요소에는 변경 버튼이 있습니다. 그것을 클릭하면 요소 필드 값을 가져옵니다. Redux없이 요소 값으로 양식 필드를 채우는 방법은 무엇입니까?
상위 구성 요소에서 상태를 관리해야합니다.
1) 목록 요소 클릭시 상태 변경
2) 속성 추가를 통해 상태 요소를 폼 컴포넌트로 전송
...
constructor(props) {
super(props);
this.state = {}
this.fillForm = this.fillForm.bind(this);
}
fillForm(element) {
this.setState({
element: element
});
}
render() {
return (
<div>
<List onElementClick={this.fillForm} />
<Form element={this.state.element}/>
</div>
)
}
...
에서 목록 a 요소를 클릭 구성 요소,이 함수를 호출해야this.props.onElementClick(elementClicked)
에서 양식 구성 요소를이 속성 요소 필드를 얻을 수 있습니다this.props.element
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다