create-react-app 相关问题

antd design 选择占位符问题

我在我的 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 }) } }

由于与 babel 的依赖关系而安装 React 时出现问题

基本上就是这样。我都尝试过 npm init 反应应用程序 我的应用程序 和 npx 创建反应应用程序我的应用程序 我总是收到这样的消息： npm 错误！代码 ERESOLVE npm 错误！ ERESOLVE 无法解决依赖性...

未提供模板。这可能是因为您使用的是过时版本的 create-react-app

我正在尝试使用 create-react-app 生成一个新的 React 应用程序。 我跑 npx 创建反应应用程序我的应用程序 但我收到此错误： 未提供模板。这可能是因为您正在使用

Apple 关联文件到应用程序链接不会在 React Web 项目上返回 json

我在尝试访问我的域的此页面时遇到问题： http://localhost:3000/.well-known/apple-app-site-association 这是我需要显示 apple-app-site-assoc 的 JSON 响应的地方...

如何从React应用程序访问服务器的静态JSON文件

我的 apache 服务器中有一个静态 JSON 文件，我希望我的 React 应用程序访问该静态 JSON 文件并显示其内容 背后的想法是我的应用程序中有一个条款和条件页面...

浏览器路由器路径添加api请求

我有一个使用react-router-dom和axios的create-react-app 该应用程序包含一条路线 /查看详细信息/:planId/:itemId 当应用程序导航到上述路径时，API 请求为

加载解压的 Chrome 扩展程序时，导致错误的原因是什么：“无法加载扩展程序图标”和“无法加载清单”？

我正在学习使用 Create-React-App 创建基本 Chrome 扩展程序的教程 （教程在这里找到： https://medium.com/@gilfink/building-a-chrome-extension-using-react-c5bfe45aaf36） 之后

使用打字稿创建反应应用程序 - 如何将类型放入单独的文件中

我正在使用 CRA 和 typescript (create-react-app myapp --typescript) 我的 App.tsx 中有一些打字稿内容，我想将其存储在外部，并且我尝试创建 App.d.ts、index.d.ts...

如果未安装 Redux DevTools 扩展，Redux 应用程序将无法工作

我已按照此处的指南进行操作：https://redux-observable.js.org/docs/basics/SettingUpTheMiddleware.html（部分：Redux DevTools） 商店按以下方式配置： // @流动 导入 {

在 React 应用程序中从 @fluidframework/azure-client 导入 AzureClient 时出现与 EventEmitter 相关的错误

无法从默认导出模块导入命名导出“EventEmitter”（重新导出为“EventEmitter”）（仅默认导出可用） ./node_modules/@fluid-internal/client-utils/lib/

我无法创建我的第一个 React 应用程序。有人可以帮助我吗？

PS C:\用户 kmgr\OneDrive\桌面 eact 课程> npx create-react-app my-app npm 错误代码 ENOENT npm 错误系统调用 lstat npm 错误路径 C:\Users kmgr\OneDrive\桌面 实际课程\%APPDATA% ...

创建React应用程序时出现漏洞，如何修复？

每次我创建一个反应时，我都会得到： 8 个漏洞（2 个中等，6 个高） 我尝试使用 npmauditfix 来修复它，但它没有改变任何东西。我尝试使用 npmauditfix--force 来修复它，但是它

Typescript 服务器问题致命错误：接近堆限制的无效标记压缩分配失败 - JavaScript 堆内存不足

在我的 CRA 项目中，每次运行它时，我都会在控制台中遇到此错误。我认为这是由于打字稿服务器造成的。有办法解决吗？ 插件 webpack-hot-middlewarewebpack 已完成 99% 构建

我可以找到使用 create-react-app 创建 React 应用程序期间发生错误的解决方案吗？

当我尝试使用 create-react-app 创建反应应用程序时，我遇到错误并且无法创建应用程序。 错误是...... npm 错误代码 EAI_AGAIN npm 错误系统调用 getaddrinfo npm 错误 e...

我可以获取运行端口吗？

我想在我的React应用程序中显示本地服务器的运行端口，有什么方法可以以编程方式获取它？如果某些内容已经在默认情况下运行，则运行端口可能会延迟...

在生产中创建 React App 和 CSS 缓存

我有一个使用 Create React App 创建的中等大小的 React 应用程序（它有一个 .NET 后端）。当我在本地运行它时，缓存没有问题 - 我对 CSS 进行了更改，我立即看到了变化...

serve -s build 指定端口号

我正在尝试从 DigitalOcean Droplet 提供反应应用程序的构建文件夹。 运行纱线构建后，脚本告诉我运行 纱线全局添加服务 服务-s构建 然而，当我运行 Ser...

package.json参考外部json的值

我有一个metadata.json 文件，其中包含一些值： {“构建”：{“主要”：0，“次要”：88}} 在我的 create-react-app 项目中，我需要运行脚本来上传哨兵地图文件： “哨兵”：“哨兵-cli

从CRA迁移到vite：无法确定当前节点版本

我喜欢 vite 设置、构建和启动 React 应用程序的方式。这就是为什么我在我的新项目中完全转向使用 vite 现在我有一个较旧的项目（2 年），我想将其迁移到 v...

React 无法解析 bootstrap

在学习教程时，我通过运行以下命令开始了此 React 项目的前端： npx create-react-app 前端 本教程的讲师指定他正在使用