React - 在 DOM 渲染时显示加载屏幕？
[英]React - Display loading screen while DOM is rendering?
这是来自 Google Adsense 应用程序页面的示例。 在主页显示之后显示的加载屏幕。 我不知道如何用 React 做同样的事情，因为如果我让 React 组件渲染加载屏幕，它不会在页面加载时显示，因为它必须等待之前渲染的 DOM。 更新： 我通过将屏幕加载程序放入index.html并在 ...
如何在超时的情况下调度 Redux 操作？
[英]How to dispatch a Redux action with a timeout?
我有一个更新应用程序通知状态的操作。 通常，此通知将是某种错误或信息。 然后我需要在 5 秒后调度另一个动作，将通知状态返回到初始状态，因此没有通知。 这背后的主要原因是提供通知在 5 秒后自动消失的功能。 我没有运气使用setTimeout并返回另一个动作，并且无法在线找到这是如何完成的。 所以 ...
未捕获的不变违规：重新渲染太多。 React 限制渲染次数以防止无限循环
[英]Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
我正在尝试添加一个 snackBar，以便在用户登录或未登录时显示一条消息。 小吃吧.jsx： SignInFormContainer.jsx： 当我运行该应用程序时出现此错误： 问题是由于 SnackBar 组件引起的。 我使用useState挂钩来更改 snackBar 的 state。 我应 ...
如何重置 Redux 商店的状态？
[英]How to reset the state of a Redux store?
我正在使用 Redux 进行状态管理。 如何将商店重置为初始状态？ 例如，假设我有两个用户帐户（ u1和u2 ）。 想象以下事件序列： 用户u1登录应用程序并执行某些操作，因此我们在商店中缓存了一些数据。 用户u1注销。 用户u2无需刷新浏览器即可登录应用程序。 此时缓存的数据会 ...
获取：拒绝 promise 并在状态不正常时捕获错误？
[英]Fetch: reject promise and catch the error if status is not OK?
这是我要做的： 编辑：promise 没有被拒绝，这就是我想要弄清楚的。 我在 Redux 中使用这个fetch polyfill 和redux-promise-middleware 。 ...
'TypeError [ERR_INVALID_ARG_TYPE]：“路径”参数必须是字符串类型。 接收类型未定义'
[英]'TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined'
我正在用 React 做一个项目，遇到了一个让我难过的问题。 每当我运行yarn start ，我都会收到此错误： TypeError [ERR_INVALID_ARG_TYPE]：“路径”参数必须是字符串类型。 接收类型未定义我不知道为什么会这样。 ...
Axios 获取 url 有效，但使用第二个参数作为对象时无效
[英]Axios get in url works but with second parameter as object it doesn't
我正在尝试将 GET 请求作为第二个参数发送，但它在作为 url 时不起作用。 这有效， $_GET['naam'] 返回测试： 但是当我尝试这个时， $_GET中什么都没有： 为什么我不能这样做？ 在文档中，它清楚地表明这是可能的。 使用$_POST它也不起作用。 ...
呈现不同组件警告时无法更新组件
[英]Cannot update a component while rendering a different component warning
我在反应中收到此警告： 我去了堆栈跟踪中指示的位置并删除了所有设置状态，但警告仍然存在。 这是否可能发生在 redux 调度？ 我的代码： 注册.js function 在我的 register.js 调用的 registerForm 组件中触发警告 堆栈跟踪： ...
如何在 React Redux 中访问商店 state？
[英]How do I access store state in React Redux?
我只是制作一个简单的应用程序来学习与 redux 的异步。我已经完成了所有工作，现在我只想在网页上显示实际的 state。 现在，我如何在渲染方法中实际访问商店的 state？ 这是我的代码（所有内容都在一页中，因为我只是在学习）： 因此，在 state 的渲染方法中，我想列出商店中的所有item ...
什么是 mapDispatchToProps？
[英]What is mapDispatchToProps?
我正在阅读 Redux 库的文档，它有这个例子： 除了读取状态，容器组件还可以调度动作。 以类似的方式，您可以定义一个名为mapDispatchToProps()的函数，该函数接收dispatch()方法并返回要注入到演示组件中的回调 props。 这实际上没有任何意义。 既然已经有了ma ...
为所有 axios 请求附加授权头
[英]Attach Authorization header for all axios requests
我有一个从 api 服务器获取令牌的 react/redux 应用程序。 在用户进行身份验证后，我想让所有 axios 请求都将该令牌作为 Authorization 标头，而不必手动将其附加到操作中的每个请求。 我对 react/redux 还很陌生，不确定最佳方法，也没有在 google 上找到 ...
当 prop 更改时重新渲染 React 组件
[英]Re-render React component when prop changes
我正在尝试将展示组件与容器组件分开。 我有一个SitesTable和一个SitesTableContainer 。 容器负责触发 redux 操作以根据当前用户获取适当的站点。 问题是在容器组件最初呈现之后，当前用户是异步获取的。 这意味着容器组件不知道它需要重新执行其componentDidMo ...
在反应应用程序中收到“尝试导入错误：”
[英]Receiving "Attempted import error:" in react app
尝试运行我的 React 应用程序时收到以下错误： ./src/components/App/App.js 尝试导入错误：“combineReducers” 不是从“../../store/reducers/”导出的。 这是我导出combineReducers的方式： 这是我在App.js中导入 ...
如何克服ReactJS中的CORS问题
[英]How to overcome the CORS issue in ReactJS
我正在尝试在我的 React 应用程序中通过 Axios 进行 API 调用。 但是，我在浏览器上遇到了这个 CORS 问题。 我想知道我是否可以从客户端解决这个问题，因为我在内部没有任何访问 API 的权限。 附件是我的代码。 附件是我的 WebPack.config.js ...
为什么我们需要 Redux 中异步流的中间件？
[英]Why do we need middleware for async flow in Redux?
根据文档， “没有中间件，Redux 存储仅支持同步数据流” 。 我不明白为什么会这样。 为什么容器组件不能调用 async API，然后dispatch操作？ 例如，想象一个简单的 UI：一个字段和一个按钮。 当用户按下按钮时，该字段会填充来自远程服务器的数据。 渲染导出的组件后，我可以单击按 ...
如何修复“预期在箭头函数末尾返回一个值”警告？
[英]How do I fix "Expected to return a value at the end of arrow function" warning?
一切正常，但我有这个警告Expected to return a value at the end of arrow function array-callback-return 。 我尝试使用forEach而不是map ，但是<CommentItem />甚至没有显示。 我该如何解决 ...
在 React 组件之外访问 redux 商店的最佳方式是什么？
[英]What is the best way to access redux store outside a react component?
当我尝试访问@connect效果很好。 但是我应该如何在其他一些代码中访问它。 例如：假设我想使用授权令牌来创建可以在我的应用程序中全局使用的 axios 实例，实现该目标的最佳方法是什么？ 这是我的api.js 现在我想从我的商店访问一个数据点，如果我尝试使用@connect在 React 组件 ...
使用扩展语法在 ES6 中进行深度复制
[英]Deep copy in ES6 using the spread syntax
我正在尝试为我的 Redux 项目创建一个深拷贝 map 方法，该方法将使用对象而不是 arrays。 我在 Redux 中读到，每个 state 在以前的状态下都不应该改变任何东西。export const mapCopy = (object, callback) => { retu ...
在动作创建者中访问 Redux 状态？
[英]Accessing Redux state in an action creator?
说我有以下几点： 在那个动作创建者中，我想访问全局存储状态（所有减速器）。 这样做是否更好： 或这个： ...
函数组件内的 ReactJS 生命周期方法
[英]ReactJS lifecycle method inside a function Component
我不想在类中编写组件，而是使用函数语法。 如何在函数组件中覆盖componentDidMount 、 componentWillMount ？ 甚至可能吗？ ...