详解react组件通讯方式(多种)

import React from "react"
import Child from "./Child"

const dataList = [
 { id: "001", value: "张三" },
 { id: "002", value: "李四" }
]

const Parent = props => {
 return (
  

   
  
 )
}

export default Parent

import React from "react"

const Child = props => {
 return (
  
   {
    props.dataList.map(item => 
{item.value}
)
   }
  
 )
}

export default Child

import React, { useState } from "react"
import Child from "./Child"

const Parent = props => {
 const [count, setCount] = useState(0)

 return (
  
 )
}

export default Parent

import React from "react"

const Child = props => {
 return (
  
    {props.setCount(props.count-1)}}>-
   {props.count}
    {props.setCount(props.count+1)}}>+
  
 )
}

export default Child

import React, { useState } from "react"
import Child from "./Child"

export const MyCOntext= React.createContext("hello")

const Parent = props => {
 return (
  
   
  
 )
}

export default Parent

import React from "react"
import Son from "./Son"

const Child = props => {
 return (
  
 )
}

export default Child

import React from "react"
import { MyContext } from "./Parent"

export default class Son extends React.Component {
 render() {
  return (
   
    {
     cOntext=> 
{context}
    }
   
  )
 }
}