【React工作记录七十一】直接用ref控制子组件弹框的开启

简介: 【React工作记录七十一】直接用ref控制子组件弹框的开启

导语

如何直接通过父组件直接改变子组件的状态




编辑


子组件

<RestoreSettlement
          onRef={(node) => (this.RestoreSettlement = node)}
          handleSuccessful={this.handleSuccessful}
        />



直接


this.RestoreSettlement.setState({
      showModal: true,
      codeList: selectedRowKeys,
      title: title,
      url: url,
    });
  };



总结

父直接控制子组件的弹出框的开启 nice 直接setstate




相关文章
|
2月前
|
前端开发 JavaScript API
第八章 react组件实例中三大属性之ref
第八章 react组件实例中三大属性之ref
|
2月前
|
前端开发 JavaScript 开发者
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件(二)
vue3、react组件数据传值对比分析——父组件传递子组件,子组件传递父组件
34 0
|
2月前
|
前端开发 JavaScript
深入了解 React 中的 Ref:不是魔法,是超级工具
深入了解 React 中的 Ref:不是魔法,是超级工具
|
2月前
|
JavaScript 前端开发 Java
React 中的 ref 和 refs:解锁更多可能性(下)
React 中的 ref 和 refs:解锁更多可能性(下)
React 中的 ref 和 refs:解锁更多可能性(下)
|
2月前
|
JavaScript 前端开发 测试技术
React 中的 ref 和 refs:解锁更多可能性(上)
React 中的 ref 和 refs:解锁更多可能性(上)
React 中的 ref 和 refs:解锁更多可能性(上)
|
2月前
|
前端开发
react父组件props变化的时候子组件怎么监听?
react父组件props变化的时候子组件怎么监听?
106 0
|
2月前
|
前端开发 JavaScript
React中通过children prop或者React.memo来优化子组件渲染【react性能优化】
React中通过children prop或者React.memo来优化子组件渲染【react性能优化】
53 0
|
7月前
|
前端开发
react在ts中提示ref问题
react在ts中提示ref问题
61 0
|
8月前
|
前端开发 JavaScript
React基础语法08-点击按钮,获取input框的值(通过ref来获取)
React基础语法08-点击按钮,获取input框的值(通过ref来获取)
139 0
|
11月前
|
前端开发
前端学习笔记202305学习笔记第二十九天-React keep alive原理之2
前端学习笔记202305学习笔记第二十九天-React keep alive原理之2
47 0

相关实验场景

更多