import React from 'react';import ReactDOM from 'react-dom';import './index.css';// 创建context得到两个组件const {Provid
原创
2022-01-09 15:18:43
847阅读
React兄弟组件之间的通信 Child2组件需要去更改Child1组件中的数据。 因为Child1和
原创
2022-09-01 17:02:02
971阅读
组件可以拥有状态（state），它是组件数据的私有部分，可以用来管理动态数据。状态仅适用于类组件，或者使用
原创
2024-10-14 09:47:19
43阅读
一个普通组件只有render函数的时候，我们完全可以通过一个无状态组件来替换掉这个普
原创
2022-09-13 12:10:29
110阅读
通过发布/订阅进行传递在子组件A中 commentDidMount函数中，发布事件
原创
2022-09-13 12:07:42
212阅读
向路由组件传递参数 1.params参数 路由链接(携带参数)：<Link to='/demo/test/tom/18'}>详情</Link> 注册路由(声明接收)：<Route path="/demo/test/:name/:age" component={Test}/> 接收参数：this.props.match.params 2.search参数 路由链接(携带参数)：<Link to='/demo/
原创
2021-07-16 14:59:29
513阅读
向路由组件传递参数 1.params参数 路由链接(携带参数)：<Link to='/demo/test/tom/18'}>详情</Link> 注册路由(声明接收)：<Route path="/demo/test/:name/:age" component={Test}/>
原创
2022-02-11 14:25:26
599阅读
其实react组件之间传递参数是比较简单的，组件传入参数的一种方式，参数作为组件的一个属性，在组件的的构造函数的props中就能看到这个属性对应的值
原创
2022-07-07 17:28:14
514阅读
现实就比较骨干，如以下场景：App要往Child传递数据：1、使用父传子，这得需要传多
原创
2022-11-18 00:12:15
53阅读
首先介绍一下跨组件通讯的之间的关系，如下图： 父子通讯 如果我们想在爷爷组件当中给儿子进行通讯，那么该如何进行实现呢，首先来看第一种方式就是一层一层的传递，为了方便观察这里博主就直接都定义在一个文件当中, 先来看从爷爷给到儿子方法的这么一个过程： App.js: import React from
原创
2022-04-13 09:51:00
363阅读
react中状态提升：在父组件中定义状态，然后通过props传递给子组件
原创
2022-11-18 00:02:41
88阅读
import React, { Component } from "react"; //import PostItem from "./PostItem"; /**将无状态组件 嵌入 */ function PostItem(props) { const handleClick = () => {
原创
2022-05-14 10:18:58
130阅读
import React from 'react';import { Text, View} from 'react-native';export default class App extends React.Component{ state ={
原创
2022-06-06 18:18:00
171阅读
props属性传递 React中组件的属性传递机制，由父组件传递给子组件，不能跨级传递。当有多个组件嵌套时，从最外层的祖先组件的props开始，依次向其后代组件传递props。 本例组件嵌套顺序：Person——》Adult——》Child，写代码的时候先写内层组件 body部分代码： <body>
原创
2022-09-23 17:00:22
70阅读
跨组件事件通讯 通过 context 我们已经能够实现跨组件通讯 但是通过 context 我们只能实现 从上往下 传递 不能实现 从下往上 传递或者 同级 之间的传递的问题 经过博主前面的介绍我们知道, 子父组件之间通讯, 是通过回调函数的方式实现的，兄弟组件之间通讯, 也是通过父组件, 通过回调
原创
2022-04-14 17:53:00
828阅读
在之前的通讯代码当中，发现一个问题，如果传递数据层次太深, 一层一层的传递比较麻烦, 所以 React 也提供了其它的解决方案： 通过 context 上下文传递 通过 Redux 传递 (相当于 Vuex) 通过 Hooks 传递 (相当牛X) 通过 context 上下文传递数据 调用创建上下文
原创
2022-04-14 11:00:00
140阅读
react 想用父组件的状态来控制子组件的状态。有时我们可能想在父组件里设置子组件某个状态的值，这时我们应该怎么实现代码呢？ 法一：把需要共享的状态放在子组件的参数里 比如下面这个 MyTestSubModal 子组件，有 2 个状态：visible 和 loading，分别使用 setVisibl
原创
2023-05-06 10:47:15
271阅读
前端江太公React Native，是一个混合移动应用开发框架，是目前流行的跨平台移动应用开发框架之一。React Native 采用不同的方法进行混合移动应用开发。它不会生成原生 UI 组件，而是基于 React，React Native是一个用于构建基于 Web 的交互界面的 JavaScript 库，因此会有更丰富的 UI 体验效果
原创
2022-04-30 17:35:40
2443阅读
