2022年10月19日
摘要：
useRef useRef是用来在组件不同渲染之间共用一些数据的，它的作用和我们在类组件里面为this赋值是一样的。 语法 import {useRef} from "react" const refObject = useRef(initialValue) //useRef接收initialVal 阅读全文
摘要：
React事件 （1）事件类型 使用React元素处理事件与处理DOM元素上的事件非常相似。不过有一些语法上的差异： React事件使用小驼峰命名法，而不是全部小写命名。 React事件使用JSX传递一个函数作为事件处理程序，而不是一个字符串。 示例： 鼠标事件：onClick onDoubleCl 阅读全文
摘要：
表单组件 在HTML中，表单元素与其他元素最大的不同是它自带值或数据，而且在我们的应用中，只要是有表单出现的地方，就会有用户输入，就会有表单事件触发，就会涉及的数据处理。 在我们用React开发应用时，为了更好地管理应用中的数据，响应用户的输入，编写组件的时候呢，我们就会运用到受控组件与非受控组件这 阅读全文
摘要：
生命周期钩子详解 定义：在特定的阶段，ne你刚刚自动执行的函数（方法）。 componentWillMount ：在渲染前调用,在客户端也在服务端。 componentDidMount : 在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode() 阅读全文
摘要：
数组 JSX 允许在模板中插入数组，数组会自动展开所有成员 var arr = [ <h1>HTML</h1>, <h2>CSS</h2> ]; ReactDOM.render( <div>{arr}</div>, document.getElementById('example') ); 列表渲染 阅读全文
摘要：
在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后，依据应用的不同状态，你可以只渲染对应状态下的部分内容。 React 中的条件渲染和 JavaScript 中的一样，使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态，然后让 React 根据它们来 阅读全文
摘要：
注释需要写在花括号中，需要注意的是： 在标签内部的注释需要花括号 在标签外的的注释不能使用花括号 ReactDOM.render( /*标签外部的注释 */ <h1>我是标题 {/*标签内部的注释*/}</h1>, document.getElementById('example') ) ; 阅读全文
摘要：
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 但是不要什么业务都使用hook,请在合适的时候使用hook,否则会造成性能问题.(能不用的时候就不能,当遇到性能不好优化的时候,自然会想到使用它) useStat 阅读全文
摘要：
React 的一大特点是单向数据流。React 中的每一个组件，都包含有一个属性（props），属性主要是从父组件传递给子组件的，在组件内部，我们可以通过this.props获取属性对象。 1、定义和使用props 传值 通过React类定义组件时： 在父组件render 方法中调用组件时使用key 阅读全文