React 常用库收藏
在此分享一些我知道的常用 react 库。
Mui：https://mui.com/UnoCSS: https://unocss.dev/
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 小土坡的博客！
相关推荐
2025-03-16
安装常用 react 相关库
在这里记录以下安装常用库的过程。 安装 UnoCSS 和预设12bun add -D unocssbun add -D @unocss/preset-uno @unocss/preset-uno 是 unocss 的默认预设，官网地址：Uno preset 配置将 virtual:uno.css 添加到主入口文件 main.tsx 中。 123456789101112import { StrictMode } from 'react'import { createRoot } from 'react-dom/client'import './index.css'import 'virtual:uno.css'; // 加入import App from './App.tsx'createRoot(document.getElementById('root')!).render( <StrictMode> ...
2025-03-17
创建 theme.tsx 文件并初识MUI的主题
首先我们在 src 目录中创建一个 theme.tsx 文件，我们可以在这个文件中创建多个主题，以后这个文件就是我们写主题相关的主要文件。 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465import { createTheme } from "@mui/material";import { purple } from "@mui/material/colors";export const navTheme = createTheme({ components: { MuiButton: { defaultProps: { variant: "outlined", color:...
2025-03-23
React 更新 state 中的数组
添加和删除1234567891011121314151617181920212223242526272829303132333435363738394041import { useState } from "react";interface ArtistsProps { id: number; name: string;}function StateArray() { const [name, setName] = useState(""); const [artists, setArtists] = useState<ArtistsProps[]>([]); return ( <> <h1>振奋人心的雕塑家们：</h1> <input value={name} onChange={(e) => setName(e.target.value)} />...
