随笔分类 - React
摘要：React Refs React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何组件上。 这个特殊的属性允许你引用 render() 返回的相应的支撑实例（ backing instance ）。这样就可以确保在任何时间总是拿到正确的实例。 ref 属性的值可以是一
阅读全文
摘要：一个简单是实例 在实例中我们设置了输入框 input 值value = {this.state.data}。在输入框值发生变化时我们可以更新 state。我们可以使用 onChange 事件来监听 input 的变化，并修改 state。 上面的代码将渲染出一个值为 Hello W3CSchool!
阅读全文
摘要：react 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取，当从服务端获取数据库可以将数据存储在 state 中，再用 this.setState 方法重新渲染 UI。 当使用异步加载数据时，在组件卸载前使用 componentWillUnmount 来取消未完成
阅读全文
摘要：React 组件生命周期 React 组件的生命周期函数，又叫钩子函数，它能响应不同的状态。 在本章节中我们将讨论 React 组件的生命周期。 组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM 生命周期
阅读全文
摘要：React 组件 API 在本章节中我们将讨论 React 组件 API。我们将讲解以下7个方法: 设置状态：setState 替换状态：replaceState 设置属性：setProps 替换属性：replaceProps 强制更新：forceUpdate 获取DOM节点：findDOMNode
阅读全文
摘要：React Props 本节介绍了 React Props。 state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 state 来传递数据。 以下实例演示了如何
阅读全文
摘要：React State(状态) React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。 React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。 以下实例中创建
阅读全文
摘要：React 组件 实例解析： React.createClass 方法用于生成一个组件类 HelloMessage。 <HelloMessage /> 实例组件类并输出信息。 注意，原生 HTML 元素名以小写字母开头，而自定义的 React 类名以大写字母开头，比如 HelloMessage 不能
阅读全文
摘要：一.简介 二.安装 一.简介 1.React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI（即User Interface(用户界面))，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Insta
阅读全文
