目录

工欲善其事

实践出真知

活跃标签: linux java mysql 待分类 js springboot win10 电路 vue macOS nginx esp32 git docker windows idea maven esp8266 python Arduino

存档:

标签: React (1)

React 组件通信方式汇总

父组件向子组件通信 父组件更新组件状态,通过props传递给子组件,子组件得到后进行更新。 Timer 是倒计时子组件,集成在了OrderPay父组件里,父组件向子组件传订单数据参数order对象。如下代码: <Timer order={order} /> //倒计时组件 在子组件里直接通过props获取父组件传递过来的参数,如下: let order = this.props.order;//订单详情 子组件向父组件通信 子组件更新组件状态,通过回调函数的方式传递给父组件。 子组件调用父组件通过props传给它的函数更新父组件state,进而完成子组件向父组件的通讯。 先看父组件 import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; //导入子组件 import Child from './child.js'; class App extends Component { constructor(props){ super(props); ......