React基本概念(一)

1.JSX 中嵌入表达式 你可以用 花括号 把任意的 JavaScript 表达式 嵌入到 JSX 中;

2.JSX 也是一个表达式 编译之后,JSX 表达式就变成了常规的 JavaScript 对象。 要渲染一个 React 元素到一个 根 DOM 节点,把它们传递给 ReactDOM.render() 方法

3.基本语法 Components(组件):分为函数式组件和类组件 -- 类组件应始终使用 props 调用基础构造函数。 props(属性即properties):所有 React 组件都必须是纯函数,并禁止修改其自身 props。如果没有给props属性传值,其默认值为true state 和 props 类似,但是state是私有的,并且由组件本身完全控制,即局部状态,即局部状态。 --构建静态版本时 *不要使用 *state ** 。state 只用于交互,也就是说,数据可以随时被改变. --state状态的条件:

1). 是否通过 props(属性) 从父级传入? 如果是这样,它可能不是 state(状态) 。
2). 是否永远不会发生变化? 如果是这样,它可能不是 state(状态)。
3). 是否可以由组件中其他的 state(状态) 或 props(属性) 计算得出?如果是这样,则它不是 state(状态)。

相关文章

导入moment 使用方式 年月日,时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年月日
@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目,发现有之前的大佬在处理...
十大React Hook库 原文地址:https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065 原文...
React生命周期 React的生命周期从广义上分为挂载、渲染、卸载三个阶段,在React的整个生命周期中提供很...
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用...
React中JSX的理解 JSX是快速生成react元素的一种语法,实际是React.createElement(component, props, ....