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 · 535 阅读 · 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 · 883 阅读 · 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-basic react-basic 表示项目名称,可以修改 启动项目:yarn startor npm start 掌握react的基本使用功能步骤 导入原创 2022-01-19 11:50:01 · 575 阅读 · 0 评论