React
Kingsaj
这个作者很懒,什么都没留下…
展开
-
SortableJS JavaScript库,用于可重新排序的拖放列表
传送门原创 2021-02-20 09:15:45 · 302 阅读 · 0 评论 -
React 事件处理 (3)
事件绑定 React 事件绑定语法与DOM事件语法相似 语法: on+事件名=(事件处理程序),比如: onClick={() => {}} 注意: React事件采用驼峰命名法,比如: onMouseEnter, onFocus 类组件绑定事件 class App extends React.Component { // 创建事件 handleClick() { alert('类组件单击事件触发') } // 使用this.handleClick 绑定事件 render() {原创 2020-12-10 22:07:05 · 64 阅读 · 0 评论 -
React 创建组件的两种方法 (2)
使用 函数 创建组件 使用JS中的函数创建的组件叫做:函数组件 函数组件必须要有返回值 组价名称必须以大写字母开头,React 据此区分 组件 和 普通的React 元素 使用函数名 // 1 创建 函数组件 function Hello() { return ( <div>我是一个函数组件</div> ) } // 2 使用组件 ReactDOM.render(<Hello />, document.getElementById('root')) 使用类创原创 2020-12-09 22:25:23 · 192 阅读 · 0 评论 -
React 基础 (1)
创建React项目 React是构建用户界面的JavaScript库 使用react时,推荐使用脚手架 初始化项目命令: npx create-react-app my-app 启动项目; yarn start (npm start) React.createElement() 方法用户创建 react元素 ReactDom.render() 方法负责渲染react 元素到页面中 JSX的基本使用 JavaScript XML 简称JSX 写JSX就跟写HTML一样,直观友好 JSX语法更能体现Rea原创 2020-12-09 21:53:07 · 69 阅读 · 0 评论