如何在React中封装一个组件
在React中封装一个组件背景最近在学习React,看了许多教学视频,今天学到了一个封装组件较完善的方法,特此记录下来。 我们知道select标签经常有显示的问题,例如id和name对应不上,原因在于value属性的值: 12345678910111213141516<Select value={param.personId} onChange={(value) => setParam({ ...param, personId: value, }) } > <Select.Option value={""..
Read morereact-router
react-router安装yarn add react-router@6 react-router-dom@6 yarn add history 导入123import { Route, Routes } from "react-router";import { BrowserRouter as Router } from "react-router-dom";import { ProjectScreen } from "screens/project"; 基本使用example1123456789101112<Router> <Routes> <Route path={"/projects"} element={<ProjectLis..
Read moreReact中的图片
React中图片使用方法img123import softwareLogo from 'assets/software-logo.svg'<img src={softwareLogo} alt="" /> 优点是使用方便,但不好规定样式和图片大小 svg123import { ReactComponent as SoftwareLogo } from "assets/software-logo.svg";// 将图片作为一个组件引入<SoftwareLogo width={'18rem'} color={'rgb(38, 132, 255)'}></SoftwareLogo> 轻易的就能改变样式
Read more