摘要：
1 class App extends React.Component { 2 constructor() { 3 super(); 4 this.state = { 5 message: 'hello react' 6 } 7 } 8 myFn() { 9 console.log(this); / 阅读全文
posted @ 2021-10-24 14:16
霸哥yyds
阅读(368)
评论(0)
推荐(0)
摘要：
有状态组件和无状态组件指的是组件是否有自己的数据（state） 有状态组件 1 class App extends React.Component { 2 constructor() { 3 super(); 4 this.state = { 5 name: 'hello react' 6 } 7 阅读全文
posted @ 2021-10-24 11:27
霸哥yyds
阅读(178)
评论(0)
推荐(0)
摘要：
函数式组件 function App() { return ( <div> <h1>title</h1> <p>函数式组件</p> </div> ) } 使用 return 返回组件的结构 类组件 class App extends React.Component { render() { retu 阅读全文
posted @ 2021-10-24 10:45
霸哥yyds
阅读(70)
评论(0)
推荐(0)
摘要：
通过 React.createElement 创建层级复杂的虚拟DOM，层级会变得非常复杂 <div> <h1>title</h1> <p>hello react.js</p> </div> React.createElement("div", null, React.createElement(" 阅读全文
posted @ 2021-10-24 10:27
霸哥yyds
阅读(112)
评论(0)
推荐(0)
摘要：
作用 react.js中包含了React和React-Native所共同拥有的核心代码，主要用于生成虚拟DOM react-dom.js包含针对不同平台渲染不同内容的核心代码，主要用于将虚拟DOM转换成真实DOM 使用 使用react.js生成虚拟DOM let box = React.create 阅读全文
posted @ 2021-10-24 09:16
霸哥yyds
阅读(240)
评论(0)
推荐(0)
摘要：
虚拟DOM是相对于浏览器所渲染出来的真实DOM的 <div id="name" title="name"></div> 虚拟DOM就是使用JS对象表示页面上的真实DOM let obj= { tagName: 'div', attrs: { id: 'name', title: 'name' } } 阅读全文
posted @ 2021-10-24 08:43
霸哥yyds
阅读(285)
评论(0)
推荐(0)
浙公网安备 33010602011771号