antd的input数据修改问题

发布于 2022-09-04 18:04:11 字数 1742 浏览 34 评论 0

初始化内容的时候使用this.state会提示不存在,
clipboard.png

let content = <div className="certificate-content-line">
                <Col xs={4} >
                    <Input type="textarea"/>
                </Col>
                <Col xs={8} className="certificate-content-select">
                    <Select
                        showSearch
                        allowClear
                        optionFilterProp="children"
                        style={{ width: '100%'}}
                        notFoundContent="没有匹配的选项"
                        onChange={this.changeSelect.bind(this,key)}
                    >
                        {this.initTable()}
                    </Select>
                    <div className="money" style={{display:'block'}} id={key+'money'} >{}</div>
                </Col>
                <Col xs={6} className="bg-money-rp" id={key+'income1'}>
                    <InputNumber min={0} max={99999999999} value={this.state.income} onChange={this.income.bind(this,key)} step={1} style={{ width: '100%'}}/>
                </Col>
                <Col xs={6}>
                    <InputNumber min={0} max={99999999999} onChange={this.outcome.bind(this,key)} step={1} style={{ width: '100%',borderRight:'2px solid #cccccc'}}/>
                </Col>
            </div>;

我这里调试的时候在inputnumber内的value取的this.state为undefined,并且多次执行。问一下如果我想在这里赋值如何处理。
*这里已经解决了
不过inputNumber怎么修改值的还未解决,我通关state设置value的值,但是这个设置后好像并不能修改,查了一些资料说用props来设置,但没明白怎么设置,求指教

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

﹉夏雨初晴づ 2022-09-11 18:04:11

clipboard.png

state声明要放在前面

clipboard.png
然后在初始化值

孤独患者 2022-09-11 18:04:11

父组件和子组件之间使用props来进行通信。如果你要在子组件中修改状态的话,需要在父组件中创建相关的函数,然后传过去,通过props在子组件中调用父组件的函数。其实实例代码官网文档就有,你可以过去看看

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文