问题标签 [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 回答
4638 浏览

reactjs - 在 React 16 中映射片段

我正在尝试映射片段的子级,而片段又是组件的子级。例如:

a即使片段内部有多个 div,这也会产生单个标记。文档(https://reactjs.org/docs/react-api.html#reactchildrenmap)似乎表明这应该与键控片段一起使用,我认为我正在正确地创建键控片段(https://reactjs.org /docs/fragments.html#keyed-fragments)。任何帮助,将不胜感激!

0 投票
1 回答
331 浏览

javascript - 当我将模块添加到 Global React 对象时会发生什么?

将模块添加到反应中的“全局”是否昂贵?我希望在需要时有一个可用的模块,而不必依赖将其导入每个文件。

我将以下内容添加到“index.jsx”文件中:

然后通过引用全局来使用axios。

0 投票
2 回答
10838 浏览

reactjs - 未调用 getDerivedStateFromProps

我使用React 16.3.1next.js
我将getDerivedStateFromProps放在扩展 PureComponent 的

这是代码:

页眉.js

这是修改道具的父母:

index.js

我的问题是:当道具改变时不会调用 getDerivedStateFromProps 。至少,它应该做console.log,但它没有。

这里有人可以帮助我吗?

0 投票
2 回答
1640 浏览

reactjs - React 16.3.* 上下文提供者错误:预期的字符串或类/函数,但得到:对象

编辑:下面回答

我已经在 youtube 上关注了这两个教程(目前没有太多),但它们都不适合我,它从 index.js 中的 Provider 向我发送了这个错误

教程一:视频代码

教程 2:视频代码

元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件)但得到:对象。

我的代码 Context.js 文件:

index.js

我试过/检查了:

  1. 仔细检查我安装了 16.3.1

  2. 将上下文置于内部或外部<BrowserRouter>

  3. 尝试过 {Context} 与 Context

  4. 重新安装 NPM 包

  5. 在 createContext() 中放入 { text: 'ok' }

  6. 我尝试了“create-react-context”,但仍然出现同样的错误,也许这是一个线索?我不知道

  7. 尝试了 react@16.3.0-alpha.0 ,它在教程中有效

  8. 还有一些我没有忘记的东西。

编辑:下面回答

0 投票
9 回答
117301 浏览

reactjs - 警告:收到非布尔属性的“假”。如何为自定义布尔属性传递布尔值?

如何在 React 的自定义属性中传递布尔值?

我正在使用 styled-components 并通过组件传递属性。这是我如何通过 attr 的图片。

将布尔自定义属性传递为“即将到来”

样式组件 css 道具

0 投票
0 回答
929 浏览

javascript - 使用 ReactJS 加载窗口/文档准备好后的回调函数

嘿,我有一个问题,当窗口加载/文档在 ReactJS 应用程序中准备好时,我们如何回调函数。就我而言,我希望在 React App 完成加载时进行地理定位并存储位置,以便用户在单击按钮后立即通过 API 获得答案。否则,用户需要在单击按钮后等待获取地理位置,这需要一些时间。非常感谢。

0 投票
1 回答
81 浏览

javascript - 在redux的react 16中替换componentWillRecieiveProps?

说我有这个减速器将我的工作状态从“待定”更改为“批准”,

如何在不使用将被弃用的情况下使用处理它componentWillRecieiveProps

我曾经这样做

0 投票
1 回答
1086 浏览

reactjs - withRouter HOC 和 getDerivedStateFromProps

我正在尝试getDerivedStateFromProps在组件中使用如下:

并收到警告Stateless functional components do not support getDerivedStateFromProps.

是否withRouter返回无状态功能组件?我真的不明白这个警告的含义。很想在这里得到一些光!

顺便说一下,派生状态正在正确更新。

0 投票
1 回答
1515 浏览

reactjs - 由 mobx-react 修饰的 PureComponent 抛出关于 `shouldComponentUpdate` 存在的错误

在控制台我看到这个警告:

index.js:2178 警告:Body 有一个名为 shouldComponentUpdate() 的方法。扩展 React.PureComponent 时不应使用 shouldComponentUpdate。如果使用 shouldComponentUpdate,请扩展 React.Component。

Body组件正在使用

但在任何地方都没有这种shouldComponentUpdate方法。

这是从哪里来的mobx-react?我可以在由orPureComponent装饰的组件中使用吗?@observable@inject

0 投票
1 回答
1072 浏览

reactjs - 是否可以更改 Context.Consumer 的显示名称?

我怎样才能找到嵌套上下文的方法并避免这个地狱?

在此处输入图像描述