摘要：“ref”对象是一个通用容器，其current属性是可变的 保存domfunction Test() { const t = useRef(null); useEffect(() => { l(t.current); // div }); return ( <div ref={t}> ... </d 阅读全文

摘要：子给父传值需要通过事件方法来传值，这里我们子组件是触发了一个点击事件传值： <Button onClick={()=>setshowregister(false)}>注册</Button> 然后我们需要把props解构： const {setshowregister} = props; 父组件中的子 阅读全文

摘要：1、封装的公共文件 在组件外部建立一个Context // createContext.js文件 import { createContext } from "react"; const myContext = createContext(null); export default myContex 阅读全文

摘要：不渲染 const [lists,setLists] =useState([]); ..... const arr = lists; arr.splice(index,1) //根据删除index下标的这一项 setLists([arr]); //重复设置要改变数组的地址 解决办法： const [ 阅读全文

摘要：父组件 import React,{Component} from 'react';import SonClick from './SonCllick/SonClick';class ParentClick extends Component{ MakeMoney(){ alert("我在挣钱!") 阅读全文

摘要：React 中一个常见模式是为一个组件返回多个元素。Fragments 可以让你聚合一个子元素列表，并且不在DOM中增加额外节点。 Fragments 看起来像空的 JSX 标签： render() { return ( <> <ChildA /> <ChildB /> <ChildC /> </> 阅读全文

摘要：1.通过 state 变量来控制是否渲染元素 类似于 vue 的 v-if 方法是通过变量来控制是否加载元素的，如果变量为false，内容就直接不会渲染的。 class Demo extends React.Component{ constructor(props){ super(props); t 阅读全文

摘要：react开发过程中，经常会需要动态向元素内添加样式style或className 一、react向元素内，动态添加style 例如：有一个DIV元素， 需要动态添加一个 display:block | none 样式， 那么： <div style={{display: (index this.s 阅读全文

摘要：在react中，通过富文本编辑器进行操作后的内容，会保留原有的标签样式，并不能正确展示。 在显示时，将内容写入__html对象中即可。具体如下： <div dangerouslySetInnerHTML = {{ __html: checkMessages.details }} />如果是直接调用接 阅读全文

摘要：React的几种条件渲染 对于一个展示页面来讲，有好几种展示状态，在React中，可以根据不同的状态，渲染组件。也就是条件渲染。不同于Vue的v-if,v-show等框架提供的api，React中的条件渲染的工作方式与JavaScript中条件工作的方式相同。 以下就是条件渲染的几种方法： 方法一： 阅读全文

摘要：在单页面里面，父子组件传值是比较常见的，react的父子组件传值，和vue差不多的思路，父组件向子组件传值，父通过初始state，子组件通过this.props进行接收就可以了；子组件向父组件传值需要绑定一个事件，然后事件是父组件传递过来的this.props.event来进行值的更替。 父组件向子 阅读全文