create-react-app是一个入门套件，用于创建没有构建配置的React应用程序。如果您开始使用React，请使用此选项来自动构建应用程序。没有配置文件，react-scripts是package.json中唯一的额外构建依赖项。您的环境将拥有构建现代React应用程序所需的一切。
如何在 Cypress 运行的浏览器中使用 process.env 变量
在我的应用程序的源代码中（基于 create-react-app 的 React），我使用像这样的环境变量： process.env.REACT_APP_API_URL 存储在我的 .env.* 文件中。 但当我运行同样的
由于缺少“react-scripts”包，无法使用 Yarn 4 在 docker 中运行 React，但在本机上运行良好（无需 docker）
我从头开始创建一个新的ReactTs项目，使用Yarn 4.4.1（刚刚开始使用yarn 4）。 我使用 Create React App Client 创建了该项目： # 在我的 /frontend 目录中 纱线创建反应应用程序。 --
npx 在 React、Expo 和下一个应用程序初始化期间挂起
我目前遇到一个问题，在尝试初始化项目时，以下命令（以及可能更多）无限期挂起： npx 创建反应应用程序 npx 创建博览会应用程序 npx 创建-...
更改后重新加载时以最大 z 索引响应注入 iframe（开发）
我有一个带有以下 .env 文件的 Create React 应用程序： 浏览器=无 SKIP_PREFLIGHT_CHECK=true INLINE_RUNTIME_CHUNK=假 当我使用yarn start启动应用程序时，在更改任何代码后，服务器会...
运行 npx create React app 时套接字超时
如何解决这个错误？ 我运行 npx create-react-app my-app 并收到以下错误：ERROR Socket timeout
如何修复使用useEffect React Hook时缺少依赖项警告
在 React 18.3.1 中，当我尝试阻止获取请求上的无限循环时，出现此错误： src\pages\ItemDetail.js 第 16:8 行：React Hook useEffect 缺少依赖项：“id”。删除
未找到规则“@typescript-eslint/no-redeclare”的定义
在我的所有 .ts 或 .tsx 文件中，文件中的第一个字符上都有此警告，如下面的屏幕截图所示： 我正在使用标准 CRA 设置。这是我的 package.json： { “姓名”：“...
我正在为通过 emailjs 发送电子邮件所需的密钥设置环境变量。我尝试直接将值放入以确保它有效，并且它工作正常，但是当我存储时......
模块“*.svg”没有导出成员“ReactComponent”
我使用 CRA 创建了一个新的 React 应用程序。现在，我想创建一个导出所有图标的索引文件。为此，我将所有图标存储在 src/icons 文件夹中，并创建了一个索引文件...
我正在涉足 React Native 的世界，并且对于如何建立一个新项目完全不了解。 按照文档的要求，我仍然得到一个空文件夹，其中只有...
使用 nginx 部署容器化 Reat Django 应用程序
我有一个应用程序： 客户端在反应。 Django 中的服务器。 该应用程序是容器化的： 后端容器和前端容器如下（docker-compose.yaml）： 版本：'3.8' 服务： 后端： 建造...
当无法在package.json中设置模块类型时，如何解决“无法在模块外使用导入语句”？ [已关闭]
我正在开发一个 Create-React-App 项目（用普通 JS (.jsx) 编写，而不是用 TypeScript 编写）。 我想修改一些构建文件（交换一些对本地文件的引用......
使用 TypeScript 和测试设置 React 应用程序的最佳方法是什么？
我正在启动一个 React 项目，到目前为止我还没有任何从 Next 开始的计划。我计划使用 React 18.3、TypeScript 5、Redux 作为状态管理，使用 Jest 作为测试库。 我...
如何使用Vite + CRA制作iOS通用链接。当 apple-app-site-association 文件不是 .json 时，Vite 似乎会重定向 url
我用的是CRA，已经迁移到Vite了。我通过将 apple-app-site-association 文件（不带 .json 扩展名）放在公共文件夹中来上传它。 Vite 正在构建这个文件，因为它可以读取它......
在使用react-app-rewired弹出的现有create-react-app上将webpack 4更新为webpack 5
我有一个现有的旧React应用程序，使用create-react-app创建并使用react-app-rewired弹出。我正在更新已弃用的依赖项。我已经将反应脚本更新为当前的
当我“构建”React 项目时，有没有办法可以更改文件中的某些值？
我正在开发一个 Create React App 项目，我正在慢慢地将大型网站上的组件替换为 React 组件。由于这是一个正在进行的项目，一些支持文件仍在开发中
创建反应应用程序 npx create-react-app my-app 它显示了这些我应该做什么
npx create-react-app my-app 需要安装以下软件包： 创建-react-app@5.0.1 确定可以继续吗？ (y) npm warn deprecated inflight@1.0.6：不支持此模块，并且会泄漏内存。做...
根据本文档，我在根目录中创建了一个 jsconfig.json 文件，以便能够在我的 React 应用程序中使用绝对路径导入组件（这是使用 create-re 设置的...
我有一个 Create React App 项目，我正在尝试按照本文档使用 useSignal，但信号的值未呈现。 （就像 x.value 不渲染一样）。 我跑过： npm 我@preact/signals-react ...
我在我的 React 应用程序中使用 antd design。 这是我遇到问题的代码片段： 我在我的 React 应用程序中使用 antd design。 这是我遇到问题的代码片段： <Select showSearch optionFilterProp = "children" placeholder = "Select Company" value = "{this.state.company}" name = "company" onSelect = "{this.handleCompanyChange}" > 现在，如果 this.state.company 不是 null，它会显示选择的正确值。但如果 this.state.company 是 empty 或 null，则占位符不会显示。 如何解决此问题，以便在 value 为空时出现占位符？ 将 this.state.company 设置为 undefined 而不是 null。 您应该按如下方式更新： <Select showSearch optionFilterProp = "children" placeholder = "Select Company" value = {this.state.company || undefined} ---- update this line name = "company" onSelect = "{this.handleCompanyChange}" > 应将其设置为 undefined 而不是 null 或 "" 空字符串。 this.props.form.setFieldsValue({ myFieldName: undefined }) 我也遇到了同样的问题，解决方案如下： ant design select 的代码片段 <Select key="1" value={this.getStateValue()} showSearch allowClear placeholder='Select Weight' onChange={onWeightChange}> {options} </Select> 其中 getStateValue 将是这样的： getStateValue = () => { const { value } = this.state; if (value) { return value; } } 我更改为： const [value, updateValue] = useState(""); 致： const [value, updateValue] = useState(undefined); 而且成功了！ 检查发布的图片，您需要定位名称并尝试将其设置为空（如果它是空字符串），这应该可以。 如果您使用 Antd 的 Form.create() 那么还有另一种很酷的方法来设置/获取表单的值。请注意，在此方法中，组件（Select 和其他）必须位于 <Form> 元素内。此外，封闭类应该作为 props 在 Form.create() 对象中传递，如下所示： export default connect(mapStateToProps, mapDispatchToProps)(Form.create()(YourClassName)); 这样我们就可以在 props 中使用 this.props.form 了。这将有一个重要的函数，名为 getFieldDecorator，如下所示： const { getFieldDecorator } = this.props.form; 每个输入组件都必须包装在 <Form.Item></Form.Item> 内，见下文： <FormItem> {getFieldDecorator('prefix', { initialValue: '86', })( <Select style={{ width: 70 }}> <Option value="86">+86</Option> <Option value="87">+87</Option> </Select> )} </FormItem> 正如您在上面所看到的，这是为表单元素设置初始值的更简单的方法。 请注意，有时当您需要以编程方式设置函数中表单元素的值时，您可以使用 setFieldsValue、setFields 等。 在使用 getFieldsValue getFieldValue setFieldsValue 等之前，请确保相应的字段已经注册到 getFieldDecorator 中。 有关协调控件的更多信息，请参阅 https://ant.design/components/form/?locale=en-US#Form-fields。 示例： componentDidMount() { if (someCheckHere){ this.props.form.setFieldsValue({ company: userData.companyName }) } }