react基础概念.doc

1、var Table = require(./components/table);依赖加载2、 getInitialState:function()componentDidMount:function()在初始化渲染之后立刻调用，仅客户端有效3、componentWillReceiveProps在组件接收到新的 props 的时候调用。在初始化渲染的时候，该方法不会调用，4、 遇到 HTML 标签（以开头），就用 HTML 规则解析；遇到代码块（以开头），就用 JavaScript 规则解析React 组件样式是一个对象，所以第一重大括号表示这是 JavaScript 语法，第二重大括号表示样式对象。在这一行代码中有Java嵌入html的部分5、var LetterAccepted=React.createClass(6、 添加组件属性，有一个地方需要注意，就是class属性需要写成className7、 ps对象的属性与组件的属性一一对应，但是有一个例外，就是ps.children属性。它表示组件的所有子节点8、 这里需要注意，ps.children的值有三种可能：如果当前组件没有子节点，它就是undefined;如果有一个子节点，数据类型是object；如果有多个子节点，数据类型就是array。所以，处理ps.children的时候要小心。为什么message-view中没有9、 组件免不了要与用户互动，React 的一大创新，就是将组件看成是一个状态机，一开始有一个初始状态，然后用户互动，导致状态变化，从而触发重新渲染 UI10、 由于ps和this.state都用于描述组件的特性，可能会产生混淆。一个简单的区分方法是，ps表示那些一旦定义，就不再改变的特性，而this.state是会随着用户互动而产生变化的特性。 11、 React 为每个状态都提供了两种处理函数，will函数在进入状态之前调用，did函数在进入状态之后调用，三种状态共计五种处理函数。12、 componentWillReceiveProps(object nextProps)：已加载组件收到新的参数时调用13、 标签的type属性为text/babel。这是因为 React 独有的 JSX 语法，跟 JavaScript 不兼容。凡是使用 JSX 的地方，都要加上type=text/babel。14、 HTML 语言直接写在 JavaScript 语言之中，不加任何引号，这就是JSX 的语法，它允许 HTML 与 JavaScript 的混写15、 JSX是一个看起来很像 XML 的 JavaScript 语法扩展。React 可以用来做简单的 JSX 句法转换。16、 要使用 JavaScript 表达式作为属性值，只需把这个表达式用一对大括号 () 包起来，不要用引号 ()。17、 注释var content = ( /* 一般注释, 用 包围 */ ); 18 React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。React 来决定如何最高效地更新 DOM。19大部分组件的工作应该是从props里取数据并渲染出来。但是，有时需要对用户输入、服务器请求或者时间变化等作出响应，这时才需要使用 State。20常用的模式是创建多个只负责渲染数据的无状态（stateless）组件，在它们的上层创建一个有状态（stateful）组件并把它的状态通过props传给子级。这个有状态的组件封装了所有用户的交互逻辑，而这些无状态组件则负责声明式地渲染数据。1URL uniform resource locator统一资源定位符互联网上的每个文件都有一个唯一的URL,它包含的信息