NumericInput showing a 0 instead of the real value, but then works onChange

[zedtux]

So I'm using <NumericInput> as the following :

                  <Text style={styles.TextColorGrey}>
                    {productStock.name}
                    {` (${stocks[productStock.id]} ${typeof stocks[productStock.id]})`}
                  </Text>
                  <NumericInput
                    minValue={0}
                    onChange={value => this.updateStockQuantity(productStock.id, value)}
                    value={stocks[productStock.id]}
                  />

And here is what is happening :

So basically the displayed value is 0, while it should be 3, then touching the plus button shows 4.
From the source code I found that you where doing a different treatment if the value is a number or not (that's why I'm showing the value type which is a number here), but it seems like you're not using the const value afterward but the this.state.stringValue.

[himelbrand]

@zedtux thanks for the response,
but since the last version initValue prop is required if you want to start with a different value from 0.
so you need to do this:

 <Text style={styles.TextColorGrey}>
                    {productStock.name}
                    {` (${stocks[productStock.id]} ${typeof stocks[productStock.id]})`}
                  </Text>
                  <NumericInput
                    minValue={0}
                    initValue={{stocks[productStock.id]}
                    onChange={value => this.updateStockQuantity(productStock.id, value)}
                    value={stocks[productStock.id]}
                  />

[zedtux]

Oh, great @himelbrand thank you very much ! I'll try it.

[zedtux]

I confirm this is working ! Nice, thank you !