摘要: React 事件 1、React 事件的命名采用小驼峰式(camelCase),而不是纯小写。 2、使用 JSX 语法时你需要传入一个函数作为事件处理函数,而不是一个字符串。 3、在 React 中另一个不同点是你不能通过返回 false 的方式阻止默认行为。你必须显式的使用 preventDefa 阅读全文
posted @ 2022-04-27 22:57 云墨卿 阅读(510) 评论(0) 推荐(0)
摘要: React组件分为函数组件与class组件;函数组件是无状态组件,class称为类组件;函数组件只有props,没有自己的私有数据和生命周期函数;class组件有自己私有数据(this.state) 和 生命周期函数 1、创建函数组件 function Hello(){ return <div>这是 阅读全文
posted @ 2022-04-26 22:54 云墨卿 阅读(146) 评论(0) 推荐(0)
摘要: 1、JSX表达式 语法:{ JavaScript 表达式 } 注意:语法是单大括号,不是双大括号 const name = '云墨卿' const element = () => { return ( <div>你好,{name}</div> ) } 2、JSX列表渲染 JSX列表渲染使用是map 阅读全文
posted @ 2022-04-25 23:07 云墨卿 阅读(336) 评论(0) 推荐(0)
摘要: 1、在src下建立router/router.js import React from "react"; import { BrowserRouter, Routes, Route } from "react-router-dom"; // 引入页面组件 import App from "../pa 阅读全文
posted @ 2022-04-24 22:40 云墨卿 阅读(247) 评论(0) 推荐(0)