react
文章平均质量分 51
react学习篇
勇敢牛牛,冲冲冲
勇敢牛牛,不怕困难
展开
-
React创建组件的两种方式及事件处理
React创建组件的两种方式1. 函数创建组件2.class类创建组件3.React事件处理3.1 函数组件中的事件处理3.2 class组件中的事件处理1. 函数创建组件函数名称必须以大写字母开头函数组件必须有返回值 ——return()如果返回值为null表示不渲染任何内容function Hello(){ return null //则不会渲染下边的div标签 return ( <div>函数创建组件</div> )}2.class类原创 2022-02-20 22:35:26 · 560 阅读 · 0 评论 -
jsx介绍
2.jsx介绍JSX是JavaScript XML的简写表示了在JavaScrit代码中写XML(HTML)格式的代码.优势:声明式语法更加直观,与HTML结构相同,降低学习成本,开发效率。JSX是react的核心内容jsx不是标准的js语法,是js的语法扩展,脚手架内置的@babel/plugin-transform-react-jsx包,用来解释该语法。JSX使用步骤导入reactDom包使用jsx创建react元素将react元素渲染到页面中核心代码:import ReactD原创 2022-01-20 14:48:15 · 929 阅读 · 0 评论 -
react概述
1.react概述React文档 (https://reactjs.org/)React中文文档(https://zh-hans.reactjs.org/)新版 React 文档(https://beta.reactjs.org/)掌握如何使用react脚手架创建react项目命令:npx create-react-app react-basicreact-basic 表示项目名称,可以修改启动项目:yarn startor npm start掌握react的基本使用功能步骤导入原创 2022-01-19 11:50:01 · 590 阅读 · 0 评论