摘要:
1、函数式组件的条件渲染 function UserGreeting(props) { return <h1>Welcome back!</h1>; } function GuestGreeting(props) { return <h1>Please sign up.</h1>; } functi 阅读全文
摘要:
react事件和原生HTML的区别: 1、React 事件的命名采用小驼峰式(camelCase),而不是纯小写。(例如onClick="") 2、使用 JSX 语法时你需要传入一个函数作为事件处理函数,而不是一个字符串。(例如onClick={activateLasers}) 3、在 React 阅读全文
摘要:
1、State 与 props 类似,都是组件使用的数据,但是 state 是私有的,并且完全受控于当前组件,即可修改。 2、组件中的render函数 在组件初始化时会调用一次,并且在组件更新的每一次都会执行一次,即state变更时,所以总是渲染最新的组件状态state,以达到响应式渲染 3、组件的 阅读全文
摘要:
1、组件,从概念上类似于 JavaScript 函数。它接受任意的入参(即 “props”),并返回用于描述页面展示内容的 React 元素。即他返回的是React元素,是可以放到JSX语法中使用的元素。 2、组件类型,根据书写方式分为函数组件和class组件: // 函数式组件 function 阅读全文
摘要:
1、元素渲染 想要将一个 React 元素渲染到根 DOM 节点中,只需把它们一起传入 ReactDOM.render(): const element = <h1>Hello, world</h1>; ReactDOM.render(element, document.getElementById 阅读全文
摘要:
1、此处应用了三个库,必须首先加载,react.js是核心库,react-dom.js是提供与DOM相关的功能,babel.js的作用是将JSX语法转换为JavaScript语法,script标签加上type="text/babel"属性 2、ReactDOM.render是React的最基本的方法 阅读全文