React基本概念(一)

前端之家收集整理的这篇文章主要介绍了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(状态)。

猜你在找的React相关文章