create-react-app是一个入门套件,用于创建没有构建配置的React应用程序。如果您开始使用React,请使用此选项来自动构建应用程序。没有配置文件,react-scripts是package.json中唯一的额外构建依赖项。您的环境将拥有构建现代React应用程序所需的一切。
React Material Treeview,使用扩展属性时,树节点在单击时不会扩展
使用扩展属性时,MUI Treeview 组件在手动单击时不会扩展,不知道为什么它不扩展 MUI Treeview 使用扩展属性时,手动单击组件不会扩展,不知道为什么它没有扩展 <TreeView className={classes.root} defaultCollapseIcon={<MinusSquare />} expanded={nodeIds} selected={props.nodeId.toString()} defaultExpandIcon={<PlusSquare />} defaultEndIcon={<CloseSquare />} > {GetTreeItemsFromData(props.treeItems)} </TreeView> 根据 Material-UI 中 TreeView API 的文档,要展开节点,您需要将节点 ID 作为数组传入 expanded 或 defaultExpanded。 所以如果你无法展开节点,也许你可以尝试先看看nodeIds是否是状态中的数组,然后看看更新状态时是否正确触发了重新渲染。如果没有,那么可能您还没有正确设置此状态。 参考:TreeView API
我正在优化一个 React 项目。我可以看到使用了“core-js/stable”。最新的浏览器还需要这个包吗?因为大多数浏览器都支持 ES6 功能。
我正在尝试使用 TypeScript 创建 React 18 应用程序,我尝试遵循本指南,但无法使其工作。我无法将 "types": ["react/next", "react-dom/next"] 添加到 tsc...
React 18 的 create-react-app 依赖版本问题
npx create-react-app my-project 会导致以下依赖错误: npx版本:8.5.0 使用 npm 安装模板依赖项... npm 错误!代码 ERESOLVE npm 错误! ERESOLVE 无法解决
尝试使用 npx create-react-app 安装 React 时出现错误
尝试使用 npx create-react-app 安装 React 时出现错误。请帮忙。 节点版本 = v16.13.2 npm 版本 = 8.6.0
npx create-react-app myapp 不起作用,给出错误“未知命令:“install$1$1”
npx create-react-app myapp 不起作用,给出错误“未知命令:“install$1$1”。
Dotenv 与 create-react-app 反应脚本出现问题/错误
我在我的反应应用程序中不断收到此错误 编译有问题:X ./node_modules/dotenv/lib/main.js 中的错误 1: 11 - 24 找不到模块:错误:无法解析“C:\Us...”中的“fs”
我正在尝试使用 Netlify 部署 React 应用程序,但我不断收到此错误,我不知道为什么。 找不到模块:错误:无法解析“/opt/build/repo/src”中的“axios” 当我使用 npm start 时...
我仅在生产版本中的 React CRA 应用程序中遇到这个奇怪的错误: bootstrap:19 Uncaught TypeError: t[s] 不是函数 在我(引导:19:22) 在 Game.ts:142:3 在index.tsx...
为嵌入式 Google 地图 iframe 创建内容安全策略
我已经为嵌入式 Google 地图 iframe 创建了一个 React 组件,它按预期工作。但是,浏览器控制台反复警告我有关内容安全策略的信息: 我去寻找
使用 nginx 部署容器化 React Django 应用程序
我有一个应用程序: 客户端在反应。 Django 中的服务器。 该应用程序是容器化的: 后端容器和前端容器如下(docker-compose.yaml): 版本:'3.8' 服务: 后端: 建造...
Yarn 未在 candy-machine-ui 中安装依赖项
想要启动 candymachine-ui 纱线未安装它的最后一个依赖项@material-ui/icons 在此处输入图像描述
开始使用 Create React App - “找不到模块”
我正在使用“入门”指南,因为到目前为止,在遵循教程时,我在尝试创建 React 应用程序时遇到了无尽的错误。 我马上就遇到了问题。什...
我想在每个文档启动时使用 ReactJS 和 TailwindCSS 在运行时渲染一个具有随机颜色的元素。然而,即使通过检查器查看元素并看到 c...
React/mini-css-extract-plugin 导入顺序冲突错误:详细构建日志?
我正在开发一个 CRA React 应用程序,最近我遇到了一些来自 mini-css-extract-plugin 的 CSS 导入顺序警告: 块 1 [mini-css-extract-plugin] 顺序冲突。以下模块有...
将 mp4 文件放在 public 或 src 文件夹中 -> create-react-app 最佳实践
我正要部署 React 应用程序,想知道是否应该将背景视频放在 src 或 public 文件夹中。 我目前在 src 中有一个资产文件夹,我从中提供 mp4
如何使用旧版本的Create React App创建React项目?
我正在从旧教程中学习React,所以我必须使用Create React App的1.5.2版本创建一个项目。 我已经全局安装了 [email protected] ,没有任何问题。 我执行后...
我尝试将应用程序从相对导入迁移到绝对导入。根据 CRA 文档,我将这些代码添加到我的 tsconfig.json 文件中: { “编译器选项”:{ “基本网址:&...
ComponentWillUnmount 方法永远不会被调用
我正在开发一个简单的反应应用程序,包含以下页面: 导出默认类 App 扩展 Component { ... 使成为(){ 返回 ( 我正在开发一个简单的反应应用程序,包含以下页面: export default class App extends Component { ... render(){ return ( <Router> <Navbar.../> <Switch> ... <Route exact path="/project" render={(props) => ( <Project .../> )} />) } } 我想在每次用户退出项目组件时进行检测,以执行一些逻辑。我尝试使用 componentWillUnmount 方法如下: class Project extends Component { constructor(props) { super(props); this.state = { loading: true, }; } componentWillUnmount(){ console.log("hello, world!") } ... } 问题是,该方法永远不会被调用:当我尝试刷新页面时,更改 url ecc,有任何提示吗? 反应版本:^18.3.1 反应路由器版本:5.2.0 谢谢 重新加载页面基本上意味着“转储当前页面”并重新加载,React应用程序和组件没有机会卸载。您可以利用 beforeunload 侦听器来运行一些逻辑,以防用户重新加载整个页面或页面因任何其他原因卸载(就像它们完全导航出您的应用程序,导航到另一个域/页面等。 ). class Project extends Component { ... // unload event callback handler unloadHandler = () => { console.log("hello, world!"); }; componentDidMount() { // instantiate unload event listener window.addEventListener("beforeunload", this.unloadHandler); } componentWillUnmount() { // remove unload event listener when component just unmounts window.removeEventListener("beforeunload", this.unloadHandler); // manually call handler to run the same logic this.unloadHandler(); } ... }
我在React.js中构建了2个项目,一个使用material ui 4,另一个使用mui5。这两个网站都运行良好,样式也很完美。我注意到在项目中...