Welcome to ZaiZheLe Developer Zone-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
814 views
in Technique[技术] by (71.8m points)

reactjs - How to pass data after the state is set successfully

I have a child component that is passing data to the parent but I have to click 3 times on the data in order for the setState to be successful and I am not sure how to make so that it calls the parent function only when the state is set successfully, below is my code:

child function:

onSelection =(nodeKey, node) =>{
        if(nodeKey.target.localName === "svg")
        {
            return;
        }else
        {
            this.setState({selection: node},
            this.props.setSelectedValue(this.state.selection)); //returns data to parent component
            
        }
      
    }

parent:

setSelectedValue = data =>{
    this.setState({selection: data});
}

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

You can use arrow functions to do this. Like the below code.

else
{
      this.setState({selection: node},
      () => this.props.setSelectedValue(this.state.selection));
            
}

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to ZaiZheLe Developer Zone-Open, Learning and Share
...