react组件通讯—案例：简易留言板

这个例子主要涉及的知识点就是父子组件传参

//父组件
import './App.scss'
import Add from './components/add'
import Table from './components/table'
import Page from './components/page'
import { useState } from 'react'
function App() {
  const [list,setList]=useState([])
  const [page,setPage]=useState(1)
  const count=5;
  return (
    <div className="App">
      <Add setList={setList} list={list}></Add>
      <hr />
      <Table list={list} page={page} count={count} setList={setList}></Table>
      <hr/>
      <Page list={list} page={page} setPage={setPage} count={count}></Page>
    </div>
  )
}
export default App;

//Add 子组件
import {useState} from 'react'
const Add=({setList,list})=>{
    const [msg,setMsg]=useState('');