摘要: (1).通过onXxx属性指定事件处理函数 a.React使用的自定义(合成)事件,并不是使用原生的DOM事件 > 为了更好的兼容性 b.React中的事件是通过事件委托的方式处理的(委托给组件的最外层的元素: 即id为app的div) > 为了高效 (2).通过event.target得到发生事件 阅读全文
posted @ 2021-01-12 21:54 微笑着的代码狗 阅读(70) 评论(0) 推荐(0)
摘要: 感觉与vue2.x的ref是一样的 1.首先使用字符串形式的ref 需求: 我需要两个input框一个是点击按钮时弹出输入值,一个是失去焦点时弹出输入值 1 class App extends React.Component { 2 showData1 = () => { 3 // 为了this可以 阅读全文
posted @ 2021-01-12 21:25 微笑着的代码狗 阅读(74) 评论(0) 推荐(0)
摘要: props让传值变得优雅,但是如果有时我并没有传入该值,我希望有一个默认值(类似于vue的filter) 首先有两个组件的渲染源 <div id="app1"></div> <div id="app2"></div> 然后是render函数 1 class App extends React.Com 阅读全文
posted @ 2021-01-12 15:24 微笑着的代码狗 阅读(155) 评论(0) 推荐(0)
摘要: react中props就是利用标签的自定义属性进行传值,当多组件使用同一组数据时props可以很优雅的传递数据 <div id="app1"></div> <div id="app2"></div> <div id="app3"></div> 创建了三个div用于组件渲染 1 class App e 阅读全文
posted @ 2021-01-12 10:26 微笑着的代码狗 阅读(101) 评论(0) 推荐(1)