摘要: 在大多数情况下,推荐使用受控组件来实现表单。在受控组件中,表单数据由 React 组件负责处理。另外一个选择是不受控组件,其表单数据由 DOM 元素本身处理。 要编写一个未控制组件,你可以使用一个 ref 来从 DOM 获得 表单值,而不是为每个状态更新编写一个事件处理程序。 例如,在不受控组件中, 阅读全文
posted @ 2018-05-23 18:23 苍青浪 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 在常规的 React 数据流中,props 是父组件与子组件交互的唯一方式。要修改子元素,你需要用新的 props 去重新渲染子元素。然而,在少数情况下,你需要在常规数据流外强制修改子元素。被修改的子元素可以是 React 组件实例,或者是一个 DOM 元素。在这种情况下,React 提供了解决办法 阅读全文
posted @ 2018-05-23 17:59 苍青浪 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 注意: 从 React v15.5 开始 ,React.PropTypes 助手函数已被弃用,建议使用 prop-types 库 来定义contextTypes。 1 2 3 4 5 6 7 8 9 10 11 12 13 import PropTypes from 'prop-types'; cl 阅读全文
posted @ 2018-05-23 17:17 苍青浪 阅读(5665) 评论(0) 推荐(0) 编辑
摘要: 从本质上讲,JSX 只是为 React.createElement(component, props, ...children) 函数提供的语法糖。JSX代码: 1 2 3 <MyButton color="blue" shadowSize={2}> Click Me </MyButton> 编译后 阅读全文
posted @ 2018-05-23 17:16 苍青浪 阅读(259) 评论(0) 推荐(0) 编辑