react常用方法及父子、兄弟传参等原创

第一条 参数的父子传输(父子传输)

1.父传子

1.  父组件将参数传递给子组件。
    {...item} 表示整个item参数对象已传递
    change 是交付方式吗？



2.子组件接收参数

const {name, doStatus, id} = this.props

2.儿子传给父亲，太阳传给父亲。

父组件将方法传递给子组件。



 change = (id, done) => {

 }
1.子组件将方法直接传递给子组件。
const {change} = this.props



2.孙子组件调用-传回值--这允许父组件接收由子组件接收的参数。
this.props.change(id,done)

第二条 对象修改{...toDoObject,b:3}

const toDoObject={a:1,b:2}

const newObject = {...toDoObject,b:3} // 此方法修改对象值。

console.log(newObject)

打印结果  {a:1,b:3}

第三条 map的用法

1.修改数组值

let newTodoList = this.state.todoList
newTodoList.map(item => {
    if (item.id === id) {
       item.doStatus = true
    } else {
       return item
    }
 })
 console.log(newTodoList)

第四条 react 修改样式(必须是双花括号)

删除

第五条 安装限制

1.安装

yarn add prop-types 或者 npm install prop-types

2.引入 (在需要的地方介绍)

import proptypes from prop-types

第六条 网页弹窗  -  返回值直接为 true和false

window.comfirm(您确定要删除它吗？)

第七条 声明方法的两种方式

方式一 高接参数

方法二 直接参数传递

第八条 js 数组过滤器 filter

const newList = lists.filter((item) => {
    if (item.id !== id) {
        return item
    }
})

项目体验文档参考