问题标签 [react-component]

当我使用反应时，我尝试从我的页面获取当前路径。我的想法是为每个页面创建规则，因为我的应用程序需要这个。

在第一个示例中，我创建了一个内联组件并且工作正常！

我有一个正确的路径！（示例： /test/john）

但是，我怎么不这样使用，当我在真正的组件中时，我无法理解如何重现{match} ，如下所示：

我想，仍然阅读当前路径，在获得这些信息后，我将用我的代码创建一些条件。

例如：localhost:3000/test/username - 路径应该是：test/username

我想给 material-ui popover 提供图像中显示的以下形状。

我使用 react 创建了 popover 工作演示并共享链接以进行编辑。有什么帮助吗？=>工作演示

我也在此处共享代码，但如果将 stackblitz 工作演示用于编辑目的，那就太好了：

我遇到了material-ui 抽屉的问题。我更改了导致问题的抽屉容器的宽度。抽屉在页面内保持一点并且可见，但我不想在我没有点击按钮时让它在页面上可见。现在它可能与 transform 属性有问题。

所以我将其更改为transform: translate(350px, 0px)但随后我遇到了另一个问题，即如果我单击按钮抽屉未显示。这件事有什么帮助吗？？

我得到了解决方案并编辑了代码。

我在这里创建了一个演示 =>看看

还分享了以下代码：

index.js

样式.css

一旦我们通过getMainComponentName()在 Android ReactNative 中重新加载 UI 组件。即使props 发生变化， React 也不会更新组件。

我每次通过ReactActivityDelegate发送不同的道具，主要组件即 getMainComponentName() 是相同的。但是 react 不会更新组件 UI。它只是从以前的状态加载（渲染）（我猜是内存）。

我知道如果 props 或 state 发生变化，react 应该自动重新渲染 DOM，但它没有发生。

即使我从默认值为 true 的 shouldComponentUpdate 中强制返回 true。

如果道具发生变化，请告诉我每次如何更新渲染 DOM。

我不知道如何正确使用forceupdate()方法。React 说使用 forceUpdate() 不是最佳实践。

我必须从 Android ReactNative Activity加载反应组件。我已经验证了 props值 change e 是否正确传递给组件的构造函数。但是如果组件被提前加载，则不会再次调用渲染函数。如果我在模拟器中重新加载，新的更改会很好地反映。

请帮我解决这个问题。我是 react-native 的新手。如果我对反应组件的理解有误，请原谅。

更新： 正在调用渲染，但如果 @ReactMenthod 的返回有一些变化，则不会再次调用 Native ReactMethod。

我从 react-native 开始。我从 giphy API 请求一个 gif，然后更新我的 giphyUrl 状态（状态已更改），但 gif 没有更改（组件未重新渲染）。

为什么组件不重新渲染？当我在 axios 请求的回调中 console.log 状态时，我可以看到状态发生了变化。即使我尝试“强制”重新渲染（forceUpdate），它也不会重新渲染。

我在 React 组件的状态中有一个数组。我想使用 setState 更新数组的特定（在我的情况下是最顶层）元素。我怎样才能做到这一点？

我正在从事 spring+reactJS 项目，目前正在从事前端工作（该领域的初学者）。

通常我会尝试从“REACT-COLLAPSIBLE”创建简单的手风琴。

代码很简单：JS文件：

我已经安装了react-collapsible并且我在package.json中有适当的依赖关系

当我尝试编译此代码时，出现编译错误：

当然，这只是项目的一部分，除了这部分一切正常。我不知道我该怎么做，如果错误与代码的其他部分有关，这可能有用，请告诉我。

反应可折叠模块有问题吗？我该怎么办？当我安装它时，我没有收到任何警告，应该添加其他依赖项

我创建了一个基本的反应应用程序

我可以在 中创建组件，index.js并且可以将它们渲染到index.html.

但是，这也是我可以渲染它们的唯一页面，例如，我不能在login.html页面或任何其他页面上使用相同的组件，除了index.html

我正在用npm start.

实际上我是 RN 的新手，我有一个问题，我到处研究但一无所获！

当我尝试从一个屏幕导航到另一个“未定义不是对象（评估'this.props.navigation.navigate'）”时出现此错误

这是我的组件和整个项目：https ://github.com/saidziani/News/blob/other-articles/components/Rowstd.js

按照文档：react-navigation params，我基本上会做这样的事情（父母）：

然后传给孩子

编辑：我的情况是，在一个屏幕/容器中，我们启动了一个 graphql 突变，它接受一个 phoneNumber 并检索一个代码给用户。在下一个屏幕上，我需要使用用户刚刚插入的这个 phoneNumber 来触发另一个使用 phoneNumber 和代码进行身份验证的突变。我不想使用状态来做到这一点，因为反应导航上有可用的 api。

家长：

孩子：