redux 相关问题

Redux是基于Flux设计模式的JavaScript应用程序的可预测状态容器。

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

javascript reactjs redux create-react-app antd

回答 0 投票 0

RTK Query hooks 可以在 React 组件中有条件地调用吗？

我正在使用RTK查询，并且应用程序中需要有条件地调用某些查询，所以我通过使用if/else条件来做到这一点，并在if/else块中调用查询挂钩而不是...

reactjs typescript redux redux-toolkit

回答 1 投票 0

当组件使用redux compose时如何导入React惰性 - 与“IntrinsicAttributes”类型没有共同的属性

有如下所示的组件结构是从 redux 中使用 compose 导出的。测试检查器.tsx 导出接口 TestInspectorProps { 关闭检查器：（）=>无效； onExpand: () => void;

reactjs typescript redux react-lazy-load

回答 1 投票 0

如何调用API来检查用户在react中渲染的每个组件上是否有效？

我有一个用户身份验证应用程序，一旦用户登录，我会将其数据保存在 redux 存储上，并使用它通过 redux 管理身份验证状态。但这从未提供实时数据。说，那个...

reactjs redux react-router react-state

回答 1 投票 0

React-redux thunk 导致奇怪的循环行为？

你好吗？我在 React 应用程序中使用 Redux 时遇到问题。当从给定组件内的 useEffect 中调度特定的 thunk 操作时，会发生一些奇怪的循环行为，甚至......

javascript reactjs debugging redux react-redux

回答 1 投票 0

为什么 redux 中的状态会这样工作？

这是我的 cartSlice.js 代码从“@reduxjs/toolkit”导入{createSlice}； const cartSlice = createSlice({ 名称：'项目'，初始状态：{ 项目： [] }, 红色...

reactjs redux toolkit

回答 1 投票 0

`react-redux-firebase`解决了什么问题？

我对所有这些技术都很陌生，但据我了解，您可以将 React Native 与 Redux 和 Firebase 结合使用，而无需使用 react-redux-firebase。你可以只使用反应反应本机还原反应-

firebase react-native redux react-redux-firebase

回答 2 投票 0

更新两个 AsyncThunk 调用之间的 Redux 状态

我一直在解决一个问题，涉及通过 asyncThunk 调用上传文件时进行调用。调用完成后，它会返回 filePath 的有效负载。从那里我尝试

reactjs redux

回答 1 投票 0

如何正确使用createSelector来记忆映射到对象的选择器

我有这个选择器： const selectListOfApplicationIdAndApplicationCompany = state => Object.values(state.applications.dict).map((x) => ({"id": x.id, "companyName": x.

javascript redux redux-selector

回答 1 投票 0

Redux thunk - 未捕获的类型错误：中间件不是函数

我是一个完全的初学者，我正在遵循有关 redux thunk 的教程并不断收到此错误： redux.js:642 Uncaught TypeError: 中间件不是函数在 redux.js:642:1 在 Array.map (...

redux react-redux redux-thunk

回答 1 投票 0

如何在Redux中用useSelector替换mapStateToProps？

我是 Redux 新手，需要帮助将此 mapStateToProps 函数转换为 useSelector 挂钩： const mapStateToProps: MapStateToProps 我是 Redux 新手，需要帮助将此 mapStateToProps 函数转换为 useSelector 挂钩： const mapStateToProps: MapStateToProps<BasicProductMarksListStore, BasicProductMarksListOwnProps, ApplicationState> = (state) => ({ productMarksState: productMarksGroupStateSelector(state), }); 如何用 useSelector 替换它？谢谢！根据您提供的代码，我认为以下内容可行。 const productMarks = useSelector(state => productMarksGroupStateSelector(state)). 确保在功能组件内执行上面的代码。

reactjs redux

回答 1 投票 0

如何替换mapStateToProps来hook useSelector？

如何替换这个mapStateToProps代码来挂钩useSelector？我以前从未使用过 redux，并且很难理解它。 const mapStateToProps: MapStateToProps<

reactjs redux

回答 1 投票 0

通过 connect HOC 将 Redux-Toolkit 切片操作与类组件一起使用，是否需要调度？

我一直在使用 Redux connect HOC 开发带有类组件的旧代码库。之前介绍的RTK切片很少。我有点困惑为什么这两种使用动作的方法...

javascript reactjs redux redux-toolkit

回答 1 投票 0

通过 connect HOC 将 RTK 切片操作与类组件一起使用，是否需要调度？

我一直在使用 Redux connect HOC 开发带有类组件的旧代码库。之前介绍的RTK切片很少。我有点困惑为什么这两种使用动作的方法...