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(状态)。