//子组件
function Gdthree(state){
const openSipin =()=>{
state.onspin(true)
}
return(
<button onClick={()=>openSipin()}></button>
)
}
export default Gdthree
//父组件
import Gdthree from './Gdthree/Gdthree' //子组件
function A(){
const [spinning, setSpinning] = useState(true);
const onspin =(val)=>{
setSpinning(val)
}
return(
<Gdthree onspin={onspin}/>
)
}
react 子组件给父组件传参
原创Mr_wuying ©著作权
文章标签 react.js javascript 前端 文章分类 JavaScript 前端开发
-
react父组件给子组件传值
父组件提供要传递的state数据 ,(提供一个要传的数据源即可)给子组件标签添加属性,
react.js react父组件给子组件传值 数据 添加属性 数据源 -
react子组件向父组件传值
思想: 子组件往父组件传值,父组件中定义一个函数,在子组件中触发,触发的时候子组
react.js 子组件向父组件传值 数据 参数传递 回调函数 -
React组件通信(父传子,子传父) - 前端
父组件向子组件传值(通过props传值)子组件:class Children
react 组件通信 父传子 子传父 回调函数