如何在 reactjs 中将项目附加到 js 中的列表中

Question

我创建了一个父组件 js 文件并通过向其添加 10 来更改状态 fo 数字列表，但它显示错误，因为没有推送功能。有人可以帮我解决这个问题吗？？

import React, { Component,PureComponent } from 'react'
import Reg from './Regularcomp'
import Pure from './PureComp'

export class Parentcomp extends PureComponent {

constructor(props) {
    super(props)

    this.state = {
         name:"Mayank",
         numbers:[1,2,3,4,5,6]
    }
}


componentDidMount()
{
    setInterval(()=>{
            this.state.numbers = this.state.numbers.push(10)
    },1000)
}

render() {
    console.log("*****Parent Component*******")
    return (
        <div>
            Parent is Pure Component
            <Reg name={this.state.name}/>
            <Pure name={this.state.name}/>
        </div>
    )
}
}

export default Parentcomp

Answer 1

React 类组件中的state 接口是一个复杂的结构。它不会在您的数据结构上为您提供任何简单的setters。您可以在其上使用的唯一设置器是 setState 方法。所以你应该将你的componentDidMount 重写为：

componentDidMount() {
    setInterval(() => {
        this.setState((prevState) => ({
            numbers: [...prevState.numbers, 10]
        }));
    }, 1000);
}