Question

我想要一个代码，通过单击按钮来更新数组中的第一个条目。

有人知道解决方案是什么吗？

在此先感谢

尼古拉斯

我已经尝试了所附的代码。

class JobBuilder extends Component {
    state = {
        listings: {
            accepted:  [0,0,0,0,0,0,0,0,0,0]
        }
    }
    acceptedHandler = () => {
                    const updatedCount = 1;
                    const updatedAccepted = {
                    ...this.state.listings.accepted        
                    }
                    updatedAccepted[1] = updatedCount;
                } 

    render () {
        return (
            <Aux>
                <JobList 
                    listings={this.state.listings}
                    <button onClick={this.acceptedHandler}>Accept</button> 
            </Aux >
        );
    }
}

Answer 1

数组的扩展运算符为[]

updatedAccepted[1]将更新第二个条目，而不是第一个条目。

看看下面的代码：

 acceptedHandler = () => {
    const updatedCount = 1;
    const clonedListing = {...this.state.listings};
    const updatedAccepted = [...clonedListing.accepted]
    updatedAccepted[0] = updatedCount;

    this.setState({
      listings: {
        ...clonedListing,
        accepted: updatedAccepted
      }
    });
}

工作stackblitz

反应：单击按钮更新数组条目

1 个答案: