问题标签 [react-component]

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 回答
3398 浏览

reactjs - 如何在 React.js 中向组件实例添加道具?

我想知道是否可以向组件实例添加新道具,组件实例如下所示:

在此处输入图像描述

直接修改组件实例可能是一种不好的做法,但我想知道这是否可能。

0 投票
9 回答
57696 浏览

javascript - React - 动态导入组件

我有一个页面,它根据用户输入呈现不同的组件。目前,我已经对每个组件的导入进行了硬编码,如下所示:

但是,我一直在更改/添加组件。有没有办法让一个文件只存储组件的名称和路径,然后将它们动态导入另一个文件?

0 投票
2 回答
456 浏览

reactjs - 如何从无状态组件返回条件内的另一个组件

这个无状态组件正在类组件渲染方法中渲染。然后,此无状态组件将根据条件返回 null 或另一个类组件,但它给了我一个错误。

错误:

渲染没有返回任何内容。这通常意味着缺少 return 语句。或者,不渲染任何内容,返回 null。

我如何根据条件返回一些东西?我尝试像这样声明变量但同样的错误。

0 投票
0 回答
165 浏览

reactjs - React JS表体组件未更新

我有这两个简化的 React 组件,
父组件:-SecondaryLeader
子组件:-SecondaryLeaderDialog
在父组件中,我正在加载表格,在子组件中,我正在使用插入表单。当我惰性化表单表时没有获取数据。当我刷新页面时,它只是在获取。

不刷新我想加载表

数据存储到数据库中但不更新表。
我将不胜感激帮助弄清楚为什么 table 没有按预期更新,以及如何修复代码以使其更新。
这是我目前正在使用的代码:

父组件

子组件

0 投票
2 回答
82 浏览

javascript - 如何在 React 组件中自定义请求

我有一个组件 ContentHeader,我将在几乎每个内容中使用它,它提供了一个带有标题的标题和两个按钮,新建和搜索。

我在 ContentHeader 中使用的按钮组件:

假设我将有 Projects、Contracts 和 Widgets 主要内容,我需要使用里面的 ContentHeader。

对于每个主要内容,我将有一个不同的标题标签,我可以通过道具传递它,因为它只有一层深。而且,我会对 ContentHeader 组件中的每个按钮有不同的请求,这与它所属的主要内容有关。

那么,如何将这些不同的请求传递给与我的主要内容相关的按钮?道具也行?如果我有更深的组件树怎么办?

PS:作为一个例子,我在按钮组件中使用了 NavLink 和一个简单的 onClick,并带有一个标志 CUSTOM_REQUEST

谢谢!

0 投票
2 回答
980 浏览

react-native - 屏幕加载时反应本机模式未打开

我想在屏幕加载时打开模式,所以当组件安装时我改变状态我的代码是:

状态:

组件代码:

改变状态功能:

渲染模态

当按钮单击时模式打开它可以正常工作但是当屏幕加载时它不起作用我的代码有什么问题

提前致谢

0 投票
1 回答
857 浏览

reactjs - 无法在 node_modules 中创建 React 组件并在应用程序中使用它

我刚刚创建了一个新的应用程序create-react-app

我用一个组件创建了一个新项目,并使用它webpack来编译 JSXbabel并将所有内容捆绑到/dist/bundle.js.

我链接npm link了应用程序和我在新项目中创建的组件。

在应用程序中我导入了组件,但我总是收到错误

元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。

打印应用程序中的组件它们都是undefined.

这是组件:

index.js

根.js

webpack.config.js

包.json

在应用程序中

应用程序.js

有谁知道发生了什么?我不能从 导入bundle.js吗?

0 投票
1 回答
282 浏览

reactjs - 碎片中的门户?

是否可以在ReactDOM.createPortal内部<React.Fragment>与渲染到组件渲染位置的另一个元素一起使用,或者我在这里做错了什么?

0 投票
2 回答
6601 浏览

reactjs - 与 Socket.io 反应 - 在“socket.on”事件上不断地重新渲染

我正在尝试编写一个客户端,它打开与服务器的 socket.io 连接,然后使用从服务器通过套接字发送的更新数字不断地重新渲染屏幕。我无法获取要更新的号码。“速度”值保持在 10。有什么问题?- 显然是我理解的一个非常基本的错误。谢谢!

客户端代码:

服务器代码:

0 投票
2 回答
161 浏览

css - 将 css 与反应一起使用

所以我刚刚开始学习 React,我正在尝试合并一个 CSS 文件来设置一个 React 组件(即侧边栏)的样式,但我不确定为什么网页上没有显示任何样式。我已经尝试在 index.js 文件中内联 css 并且它有效,但我正在尝试将所有样式代码移动到 css 文件中。我安装了一个 sass 加载器和 css 加载器,并将它们包含在 webpack.config.js 文件中。我只是忘记了一些愚蠢的事情吗?

这是我的 style.css 文件

还有我的 index.js 文件