问题标签 [react-16]

有人可以告诉我是什么导致了这个错误以及如何解决它？我已经尝试更改活动关键字，但仍然收到相同的警告。不确定是样式化组件的问题还是只是属性的问题。Down是错误和代码。

实际错误

26 行 - 返回下的 div, 27 - , ...

代码块

我有一个要升级的应用React 15程序React 16

在某些映射和使用正在工作的选择列表的React 15情况下现在不起作用 - 我发现选择列表正在返回一个列表[object, Object]

这是我的代码

所以在上面的代码中，选择列表将在浏览器中呈现一个带有 4 个选项的选择列表 - 所有这些选项都读取[object, Object]

下面的无序列表返回 4 项并在显示 4 种汽车类型的浏览器中正确呈现它们

我的猜测是选择列表标记已更改，React 16但我没有找到相关文档

如果有人能指出我正确的方向/建议或向我展示一些很棒的文档！

我在 react 16 应用程序中有一个基本表单。成功提交表单后，我将一个变量从falseto切换，true然后我想在切换布尔值后显示一个不同的 div。

这是我的变量声明和表单提交函数：

这是条件 HTML：

表单提交成功，console.log 显示变量formSubmitted已成功从 切换false到true，但是 HTML 没有改变。我是反应 16 的新手，我不确定如何更新组件。

谢谢你。

我正在尝试在下面的代码中测试 useEffect 中的 useEffect 和函数调用。它有 useEffect 和 useState 钩子。

我不知道如何模拟与钩子相关的东西。有什么测试钩子和异步函数调用的建议吗？

我在我的项目中使用这个反应包 - @spyna/react-store (链接)，它只是 React Context API - createStore 和 withStore 的包装器。但是我无法访问我的子组件（我在 App 组件中设置）中的反应上下文 api 存储值。

实际上，当我尝试访问 this.props.store.get("amount") 时，我收到一个编译错误，提示“道具商店不存在”。请告诉我如何访问我的子组件中的上下文。提前致谢。

应用组件：

子组件：

我已经使用 Single Spa 的 registerApplication 注册了 4 个反应应用程序。当我从一个应用程序导航到另一个应用程序时，我在控制台中看到错误以及浏览器上的覆盖。

这是我的 index.js 在注册的微应用中的样子：

我正在使用 SystemJS 在 single-spa-config 文件中注册我的应用程序以进行导入，如下所示：

我不知道在哪里调试这个问题。请帮忙！

我的问题是对这个高度赞成的问题的澄清/更新：

何时使用 JSX.Element、ReactNode、ReactElement？

在我看来，当您想要拥有返回字符串、null 等原语的函数组件时，TypeScript 不会很好地发挥作用。

例如，假设您有一个需要渲染道具的组件：

现在我可以创建组件，这些组件应该以四种不同的方式实现这个渲染道具：

但是，这FunctionBasedUserPnelThatReturnsAString不合适 React.ComponentType<{user: User}>; ，因为React.FunctionComponent必须返回React.ReactElement一个字符串不是的。

React.ClassComponent另一方面，没有这个约束。

本质上，我想要的是一种类型：

这存在吗？有没有理由不应该存在？

注意：我目前正在使用 React 16。也许这是在 React 17 或 18 中修复的问题。

我想从 CDN 导入 react、react-dom 和其他供应商 JS 库，如 Okta、Jquery，而不是将这些作为包安装到 React 应用程序中。我试图在externals_React is not definedReactDOM is not defined

我正在使用 React - v16​​ 和 Webpack - v3

我为实现这一目标所做的步骤：

1. 移除 react 和 react-dom form package.json 作为依赖
2. 在 html 文件中添加了 cdn url - templates/full-width-template.html

添加externals在 webpack.config - config/webpack.config.prod.js

3. yarn build命令成功运行并创建了包/块。
4. yarn start，只要登录页面可见就抛出错误 -React is not defined : external 1

请建议我如何实现加载 CDN 而不是安装包并将其与 webpack v3 一起使用的功能。

我看到 react 18 有一些很酷的钩子来帮助手动控制状态更新的优先级（useDeferredValue 和 useTransition），并且使用这些方法可以解决我在表上遇到的一些性能问题。但是 React 18 还不稳定！

所以我想知道是否有办法处理这个是 React 16 / 17？有没有办法告诉协调器将我的行更新标记为低优先级，以便用户的输入更新将始终中断并优先于呈现行的表？

对于更多的上下文，我的问题是我在页面上有一个搜索框和一个表格。表格行中显示的初始数据是未过滤的，但是当用户在搜索框中键入时，我向后端进行查询并获得过滤后的数据列表。当该数据返回时，我将其呈现到表中。我可以（并且确实）对查询使用去抖动功能，这样只有当用户停止输入 500 毫秒时，我才能获取数据。但这仅在用户键入每个字母的速度超过 500 毫秒时才有帮助，并且它为每次调用检索数据的用户体验增加了 500 毫秒。我想要一些感觉更灵敏的东西。

React 18 更新完美地解决了我的问题。在 React 17 中寻找一种方法来做到这一点。