从0开始用hooks搭建一个事件待办的demo（一）

需求一：实现header，点击加号展示input，再次点击隐藏input

分析：

首先，需要两个子组件header和addInput；

header组件负责展示图一的内容，给加号添加一个点击事件，来触发展示input的函数；

用一个布尔值表示addInput的展示与否；

这个展示input的函数和负责展示addInput组件的布尔值需要从父组件传递过来。

//app.js
import React, { useState } from "react";
import "./App.css";
import Header from "./componens/Header";
import AddInput from "./componens/addInput";

function App() {//给子组件addInput默认为不展示的初始值const [isInputShow,setIsInputShow] = useState(false);//点击加号之后就对布尔值取反const openInput = ()=>{setIsInputShow(!isInputShow)}return (<div className="App">//将函数传给子组件<H