摘要: 020 props基本使用 使用props传值,在标签里面直接添加对应属性就可以了 <script type="text/babel"> class Person extends React.Component{ state = {} render(){ //多级结构最好使用()包起来 const 阅读全文
posted @ 2022-04-14 14:34 Nemo头发挺多 阅读(26) 评论(0) 推荐(0)
摘要: 032 react中的事件处理 通过onXXX属性指定事件处理函数(注意大小写)—为了更好的兼容性 react使用自定义合成事件,而不是使用原生的DOM事件 react中的事件是事件委托(委托给组件最外层的元素)—为了高效 通过event.target 得到发生事件的DOM元素 ——不要过度使用re 阅读全文
posted @ 2022-04-14 14:34 Nemo头发挺多 阅读(23) 评论(0) 推荐(0)
摘要: 014-015 react中的事件绑定和this指向 通过ComponentReact 可以查看组件里面的状态 react中绑定函数,要用花括弧把函数名传给onClick , react中所有的标签属性名都需要驼峰 <script type="text/babel"> // 1. 创建组件 clas 阅读全文
posted @ 2022-04-14 14:33 Nemo头发挺多 阅读(28) 评论(0) 推荐(0)
摘要: 010 复习class 类中的构造器不是必须写的,要对实例化进行初始化操作,如添加指定属性时才行 如果A继承B,则A构造器中的super()必须调用 类中的方法都是放在类的原型对象上,供实例使用 class Person { constructor(name) { this.name = name 阅读全文
posted @ 2022-04-14 14:32 Nemo头发挺多 阅读(19) 评论(0) 推荐(0)
摘要: 004 虚拟DOM和真实DOM 虚拟DOM是一个js对象 const VDOM = <h1 id="title">hello, React</h1> ReactDOM.render(VDOM, document.getElementById('test')) console.log(VDOM); c 阅读全文
posted @ 2022-04-11 10:22 Nemo头发挺多 阅读(26) 评论(0) 推荐(0)
摘要: 001 React Introduction react只需要关注页面,react是将数据渲染成HTML视图的开源JavaScript库 Facebook开发 原生JS的缺点 原生JavaScript操作DOM繁琐效率低(DOM-API操作UI) 使用JavaScript直接操作DOM,浏览器会引起 阅读全文
posted @ 2022-04-11 10:20 Nemo头发挺多 阅读(25) 评论(0) 推荐(0)