react
weixin_45774432
这个作者很懒,什么都没留下…
展开
-
07_事件处理
// 事件处理 /* 阻止默认事件: 传统的 HTML : 通过返回 false 的方式阻止默认行文。 React : 显式的使用 e.preventDefault 。 在这里,e 是一个合成事件。React 根据 W3C 规范来定义这些合成事件,所以你不需要担心跨浏览器的兼容性问题。 使用 React 时,你一般不需要使用 addEventListener 为已创建的 DOM 元素添加监听器。 React 恰恰与之相反,你只需要在该元素初始渲染的时候添加一原创 2021-04-14 23:19:19 · 76 阅读 · 0 评论 -
06_state&生命周期
const element = <h1>Hello,xxx!</h1> const domContainer = document.querySelector('#react_dom') ReactDOM.render(element, domContainer) // ==================================================== // 时钟的例子: function tick() { const element.原创 2021-04-14 23:17:55 · 67 阅读 · 0 评论 -
05_组件&Props
// 组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。 // 组件,从概念上类似于 javascript 函数。它接受任意的入参(即 “props”),并返回用于描述页面展示内容的 React 元素。 // 函数组件与 class 组件 // 定义组件最简单的方式就是编写 javascript 函数: function Welcome(props) { return <h1>11111{props.name}</h1> } /* 该函数原创 2021-04-14 23:15:38 · 112 阅读 · 1 评论 -
04_react基础
// JSX const element = <h1>Hello,world!</h1> /* 为什么使用jsx? jsx 是一个 javascript 的语法扩展, jsx 可以很好的描述 ui 应该呈现出它应有交互的本质形式。 jsx 可以生成 React 元素 */ const name = 'jack' const element = <h1>Hello,{name}!</h1> ReactD原创 2021-04-14 23:14:25 · 54 阅读 · 0 评论