react 子组件更改父组件的 state

1. 父组件在props定义一个函数传递个子组件

2.子组件用此函数传递参数

        //准备好一个todo对象
		const todoObj = {id:nanoid(),name:target.value,done:false}
		//将todoObj传递给App
		this.props.addTodo(todoObj)

3.父组件中处理传递过来的参数


//addTodo用于添加一个todo,接收的参数是todo对象
	addTodo = (todoObj)=>{
		//获取原todos
		const {todos} = this.state
		//追加一个todo
		const newTodos = [todoObj,...todos]
		//更新状态
		this.setState({todos:newTodos})
	}

你可能感兴趣的:(react学习笔记,react)