问题标签 [react-16]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
507 浏览

reactjs - 酶无法与反应 16 正常工作(反应创建应用程序)

我正在尝试编写一些基本测试,但发现,最接近和其他遍历功能似乎不起作用
我的设置是 react 16 (create-react-app) 和 jest

find 似乎既不适用于类名也不适用于 div,对于最接近的
包含和子项也是如此,
这里是我的 html ( console.log(wrapper.html());)

0 投票
1 回答
4768 浏览

reactjs - 反应如何从状态中删除属性

我正在尝试替换整个状态或至少从中删除所有属性。

在 react 16 之前,我只调用了这两行

随着对反应 16 的更新,这不再起作用。目前我在 shouldComponentUpdate 方法中有这个解决方法:

但这“感觉”不对。那么有人知道用新对象重置整个状态的正确方法吗?据我测试 this.setState 只是改变了差异,而其他属性保持不变。

0 投票
0 回答
93 浏览

reactjs - 功能组件中的状态挂钩(反应 15.5.4)

如何在不使用钩子状态的情况下操作功能组件中的状态?因为它在 16.x 版本之后才被支持。我无法更新当前的反应版本(这是非常古老且稳定的项目)。问题出在项目中使用的库中,它使用 React.PropTypes 而不是 PropTypes :( 感谢您的回答

0 投票
0 回答
512 浏览

error-handling - 使用 React SSR renderToNodeStream 处理错误

我试图弄清楚如何正确处理反应流的错误。假设里面有一个错误<App />。捕获错误的最佳方法是什么?catch 块似乎没有捕获错误,因为当我在<App />组件内抛出错误时,它不会 console.log 任何内容。我尝试添加stream.on('error', (err) => {console.log(err)});,但也没有发现错误。我应该如何在服务器端的 App 中捕获错误?

0 投票
1 回答
96 浏览

reactjs - React16 两个组件通信

ReactJS 两个组件在 Angular 中进行通信,我们只是使用服务最佳方式,但在这里我是 react 16 的新手。

0 投票
3 回答
21630 浏览

reactjs - React:读取在 history.push 中作为参数传递的数据

我是新手,我正在尝试将一些数据作为参数发送到history.push.

基本上,我在单击按钮时调用一个方法,在该方法内部调用一个 api。如果我得到成功响应,我会重定向到其他页面,并且我还需要传递一些数据。

下面是我的代码:

所以到目前为止一切都很好,但是现在我需要 在下一页(即Taskactive )中读取传递的数据,即role_iduserName。那么我们如何读取这些数据呢?Taskactive.jsx

0 投票
1 回答
692 浏览

reactjs - 为什么 react-google-maps 渲染一个 Circle 组件两次?

当我将 react-google-maps 添加到项目时,渲染工作了两次。所以我有 2 个圆圈,一个接一个。另外,我通过 onDragEnd() 方法显示中心坐标。此活动仅适用于其中一个圈子。

项目中不存在任何其他谷歌地图。

这是我尝试修复它的一些方法:1)仅与GoogleMap一起使用,2)在父组件的render()方法中使用GoogleMapsWrapper组件,3)使用componentDidMount(); 尝试一切从 satckoverflow :) 并没有任何帮助。

我的方法只需要一个圆圈。我的圈子

0 投票
0 回答
79 浏览

javascript - 反应:没有得到字段的值

我有以下地址字段的实现。这将是一个可重用的组件,可以与任何表单一起使用来显示地址字段,例如城市、邮政编码等。

现在我可以通过使用查看任何形式的地址字段。

但是,每当我提交表单时,我都没有从表单的请求中获取这些字段值。我刚刚开始学习 React。以下是代码。

0 投票
1 回答
2303 浏览

reactjs - React 类组件与函数式组件

之前React16class componentsfunctional components需要使用statelifecycle methods在您的组件中使用。在最新版本中,React 引入了HooksEffectsstate,我们可以lifecycle methodsfunctional components.

那么还有什么理由仍然class components存在吗?有没有我们还需要选择class components的案例functional

0 投票
2 回答
316 浏览

react-i18next - 使用 HOC 包装父级时反应子级

我正在使用 React 16.8.6,并且具有以下结构:

page.js

父组件.tsx

父容器.ts

我需要知道每个孩子MiddleComponent的元素类型内部(不是作为字符串,而是作为 React 元素,因为我将基于它创建一个新元素)(所以,在这种情况下我应该有ChildComponent),但是当我检查时有了铬,我所有的孩子都有一种I18nextWithTranslation类型......

知道如何解决这个问题吗?或者如果这可能是一个已知的错误?

如果我根本不使用任何 hoc,当我写child.type它时它会返回 me ChildComponent(props)。但是,当我使用 hocs 包装父级时,情况并非如此......