![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 94
rm_ing
这个作者很懒,什么都没留下…
展开
-
React学习日志5
九、状态提升 通常,多个组件需要反映相同的变化数据。这时建议将共享状态提升到共同的父组件中。 let scaleNames = { celsius: "Celsius", fahrenheit: "Fahrenheit" } // 摄氏度与华氏度转换函数 function toCelsius(fahrenheit) { return (fahrenheit - 32) * 5 / 9 } function toFahrenheit(celsius) { return (celsi...原创 2020-08-26 08:48:31 · 182 阅读 · 0 评论 -
React学习日志4
五、事件处理 1、react事件处理与DOM相似但语法有不同 React 事件的命名采用小驼峰式(camelCase),而不是纯小写。 使用 JSX 语法时你需要传入一个函数作为事件处理函数,而不是一个字符串。 // 传统html <button onclick="activateLasers()"> Activate Lasers </button> // react <button onClick={activateLasers}> Acti..原创 2020-08-20 09:28:04 · 209 阅读 · 0 评论 -
react学习日志3
四、state与生命周期 1、什么是state state 与 props 类似,但是 state 是私有的,并且完全受控于当前组件。属性props是外界传递过来的,状态state是组件本身的,状态可以在组件中任意修改。组件的属性和状态改变都会更新视图。 2、react组件的生命周期 每个组件都包含“生命周期方法”,你可以重写这些方法,以便于在运行过程中特定的阶段执行这些方法。 1)挂载 当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下 constr...原创 2020-08-12 13:49:06 · 178 阅读 · 0 评论 -
react学习日志2
一、JSX 1、什么是JSX const element = <h1>Hello, world!</h1>; ReactDOM.render( element, document.getElementById('root') ); 这个有趣的标签语法既不是字符串也不是 HTML。 它被称为 JSX,是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想原创 2020-08-10 10:38:57 · 145 阅读 · 0 评论 -
react 学习日志1
1、react环境搭建 安装Node >= 8.10 和 npm >= 5.6 在终端输入: npx create-react-app my-app cd my-app npm start // 运行my-app 2、react是什么? React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称作“组件”。 3、井字棋的棋盘 根据https://rea.原创 2020-08-05 14:58:06 · 311 阅读 · 0 评论