Question

我有以下两个功能：

handleChangeInputStockName = async event => {
        const stockName = event.target.value

        this.setState({ stockName })
    }

handleChangeInputTotalQuantity = async event => {
        const totalQuantity = event.target.value

        this.setState({ totalQuantity })
    }

我有两个组件可以控制上述两个功能

<InputText
 type="text"
 value={ totalQuantity }
 onChange={this.handleChangeInputTotalQuantity}
 />

和

<InputText
 type="text"
 value={ stockName }
 onChange={this.handleChangeInputStockName}
/>

在我的渲染函数中，stockName和totalQuantity始终是未定义的，即使我可以通过上述两个函数在InputText中看到对其进行了更改。我能够看到状态更改，但是它会立即返回到未定义状态。渲染功能如下：


render() {

        var { stockName, totalQuantity, show, close, children } = this.state

        console.log('stockName ====> ', stockName)           //undefined
        console.log('totalQuantity ====> ', totalQuantity)   //also undefined
...

我在做什么错？请帮我在这里。谢谢。

这里是此代码所属的Modal沙箱的链接。 https://codesandbox.io/s/divine-bush-rquid

渲染中的React JS变量保持未定义

0 个答案: