摘要: 1.可以通过组件类的 defaultProps 属性为 props 设置默认值 2.state和props 可以在父组件中设置state, 并且通过在子组件上使用props将其传递到子组件上 阅读全文
posted @ 2021-02-23 15:07 圣金巫灵 阅读(59) 评论(0) 推荐(0) 编辑
摘要: React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。 添加一个类构造函数来初始化状态 this.state,类组件应始终使用 props 调用基础构造函数。 实例: 待续 阅读全文
posted @ 2021-02-23 14:32 圣金巫灵 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 实例 1. 定义组件,注意自定义的 组件名都要以大写字母开头 可以用函数定义组件 function HelloMessage(props) { return <div>hello world</div>; } 也可以用ES6 class定义组件 , class HelloMessage extend 阅读全文
posted @ 2021-02-23 12:56 圣金巫灵 阅读(43) 评论(0) 推荐(0) 编辑
摘要: const element = <h1>Hello, world!</h1>; 这种看起来可能有些奇怪的标签语法既不是字符串也不是 HTML。 它被称为 JSX, 一种 JavaScript 的语法扩展。 我们推荐在 React 中使用 JSX 来描述用户界面。 JSX 是在 JavaScript 阅读全文
posted @ 2021-02-23 12:24 圣金巫灵 阅读(47) 评论(0) 推荐(0) 编辑
摘要: index.html里加入 div 1. index.js里直接渲染: function tick() { const element = <div> <h1>hello world</h1> <h1>now time is:{new Date().toLocaleTimeString()}</h1 阅读全文
posted @ 2021-02-23 11:57 圣金巫灵 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 快速构建react: 具体: cmd命令行 $ npm install -g cnpm --registry=https://registry.npm.taobao.org $ npm config set registry https://registry.npm.taobao.org $ cnp 阅读全文
posted @ 2021-02-23 10:04 圣金巫灵 阅读(62) 评论(0) 推荐(0) 编辑