React: Create a Controlled Input - weird code

[lasjorg]

Unless you need the current state you shouldn’t use an updater function. Using an updater function is problematic with event handling because of how React deals with events.

More info with some links:

Right AND Wrong?

Remove the updater function and just return an object. You are not doing anything with the current state anyway, so you do not need the updater function. this.setState({input: event.target.value}); If you did want to use event.target.value in the updater function I believe you would have to capture it in the handler and pass that to the updater. handleChange(event) { const targetValue = event.target.value; this.setState((state, props) => { return { input: targetValue } }) }; It has…

---

Edit: I guess it would be nice if the challenge failed but I’m not sure what changes that would take or if it’s feasible.