[BUG] - Value doesn't change when component parent is rendered

Hi guys,

I have NumericInput component inside another one with the following structure:

Class Product {
    this.state = {
        quantity: 2;
    }
render(){
    return (<View>....</View>
    <NumericInput
       ...
        value={this.state.quantity}
        onChange={...} />)
    }
}

As the Produc is rendered, because of quantity state update, NumericInput doesn’t render itself. Inside the NumericInput I see the old quantity value.

I’d like the quantity value is rendered inside NumericInput component as well.

Enviorment (please complete the following information):

• Version: 1.8.3
• React Native version: 0.61
• Device: Android 7

Can I solve the bug? Any workaround?

Thanks in advance, Simone

[a777med]

Hi,

Add this to the NumericInput component (NumericInput.js) and it will work just fine.

componentDidUpdate(prevProps) {
  if (prevProps.value !== this.props.value) {
    this.setState({
      value: this.props.value,
      stringValue: this.props.value.toString(),
    });
  }
}

[huy-lv]

@simo385 how did you resolve it