Scenario description 1. I have a news list, and the news list has an edit button. 2. Click the edit button, and there will be a pop-up box with default values, but some input boxes are empty. 3. Click the edit box. The input boxes in the pop-up box are a separate component. Problem Description Because the input box in the pop-up box is...

javascript - react checks that the input box is not rendered for the first time, checks whether there is a default value, and in which life cycle it is written-PHP Chinese Network Q&A

Community Learn Tools Library Leisure

English

javascript - react checks that the input box is not rendered for the first time, checks whether there is a default value, and in which life cycle it is written

黄舟 2017-05-19 10:46:20

608

Scene description

1. I have a news list, and the news list has an edit button
2. Clicking the edit button will bring up a pop-up box with default values, but some input boxes are empty
3 .The input box in the click-edit pop-up box is a separate component.

Problem Description

Because the input box in the pop-up box is a separate component, after I change one news, I will click the edit of another news, so I want to ask in which life cycle I should check each click. Whether the input box in the pop-up box has a default value and responds accordingly.

黄舟

人生最曼妙的风景，竟是内心的淡定与从容！

reply all(3)

PHPzhong2017-05-19 10:48:20 3 floor

componentWillMount

Like +0

Add Reply

巴扎黑2017-05-19 10:48:20 2 floor

componentDidMount

Like +0

Add Reply

我想大声告诉你2017-05-19 10:48:20 1 floor

Since there is an input box, the value of the input box should be a state of the pop-up box. If there is only one pop-up box at a time, the pop-up box only needs to maintain one instance. So receive the incoming data in componentWillRecevieProps and set the value of the state based on the data:

componentWillRecevieProps (nextProps) {
  this.setState({news: nextProps.news})
}

Like +0

Add Reply