在学react中出现的低级错误

数组数据的操作错误

state = {
        items: [],
        deleteItem: (id) => this.deleteItem(id)
    }
addItem(item) {
    //错误写法，搞混了逻辑，想要的是push后的新数组，结果得到的是push方法的返回值
    // const items=this.state.items.push(item)
    //正确写法
    this.setState({
        items: [...this.state.items, item]
    })
     console.log(this.state.items);
}

事件绑定的操作错误

<Button
    type='primary'
    //对于onClick来说是绑定一个事件，我本意是绑定一个事件操作
    //结果绑定成了函数的返回值
    //对于没参数的函数来说，可以直接使用函数名绑定
    //对于有参数的函数来说，需要添加圆括号传参，这时候需要重新封装为一个函数
    //错误操作
    onClick={props.deleteItem(item.id)}
    //正确操作
    onClick={() => props.deleteItem(item.id)}
>

总结

        在学习react中，一些平时忽略的小问题总会出现，导致需要找很久，还是需要多加细心，多家努力。