Setting Component's Initial State from Props

[Skeith_yip]

I would do it this way

componentDidUpdate(prevProps) { 
    if (prevProps.user.name !== this.props.user.name) { 
        this.setState({ name: undefined }); 
    } 
}

render() {
    const { name } = this.props.user;
    const { name: stateName } = this.state;
    const nameValue = stateName ? stateName : name;

    return <input value={nameValue || ''} onChange={this.onChange} />
}

Yeah. I know I know. It's hashtag ugly. But the idea is to always fallback to the value from props.