react 修改json数组中的值

本文介绍了一种在React中使用map方法动态生成表单输入框,并通过自定义函数onchangeValue实现表单数据的实时更新与状态管理的技术方案。具体实现了根据state中的newData数组动态渲染多个输入框,并在输入框内容变化时更新对应数组元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

html源码:

                    {

                        newData.map((item, index) => {

                            return <Row>

                                <Col span={24}>

                                    <Input

                                        value={item.name}

                                        placeholder=""

                                        onChange={this.onchangeValue.bind(this, 'name', index)}

                                    />

                                </Col>

                            </Row>

                        })

                    }

js源码:

    onchangeValue = (index, el, value) => {

        let { newData = {} } = this.state;

        newData[index][el] = value;

        this.setState({

            newData: newData

        }, () => {

            console.log(this.state.newData)

        })

    }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值