我想知道将组件保存到状态会对性能产生什么影响，这样做是否违反了良好的实践？
例如，假设我有一个HOC，其中我正在向其传递一个回调，它将返回一个具有我所需的所有功能的组件，并将在随后调用我的回调。请参考下面的示例：
import React, { PureComponent } from "react";
import {
someHOCthatReturnsAComponentClass,
OtherComponent
} from "../some-folder";
export class A extends PureComponent {
s
浏览 5提问于2019-08-08得票数 0
每次我的选项卡组件父重发器，我的子组件重选器也是。
我的选项卡组件父级如下
import { useState } from "react";
import "./styles.scss";
import Tab from "./tab";
export default function App() {
const [selectTab, setSelectTab] = useState("a");
console.log("parent render");
return (
<div
浏览 0提问于2021-08-23得票数 3
回答已采纳
在中，通过允诺检索的数据被提取为Hero[]，如中所描述的。与提取逻辑不同，Observable可以与不纯的一起使用。
如果我使用Observable，会有任何UI性能的提高吗？如果是这样的话，是怎么做的？
浏览 2提问于2017-03-14得票数 1
回答已采纳
我们有Visual构建任务来构建编码的UI解决方案，VisualStudio2017构建工具安装在生成代理上。编译失败，出现以下错误：
错误CS0234:命名空间'Microsoft.VisualStudio.TestTools‘中不存在类型或名称空间名称'UITesting’(您是否缺少程序集引用？)
我们是否需要在构建代理上安装VS 2017来解决这个问题，还是还有其他选择？
浏览 0提问于2017-11-30得票数 0
回答已采纳
1回答
class LoggingButton extends React.Component {
handleClick() {
console.log('this is:', this);
}
render() {
// This syntax ensures `this` is bound within handleClick
return (
<button onClick={(e) => this.handleClick(e)}>
Click me
</button>
);
}
}
浏览 0提问于2018-05-19得票数 6
回答已采纳
我遵循一个带有Hooks在线课程的Advanced模式，在这个早期的例子中，他们用以下API创建了一个可扩展组件(比如经典的手风琴或可折叠面板)：
<Expandable>
<Expandable.Header>This is the header</Expandable.Header>
<Expandable.Body>This is the content</Expandable.Body>
</Expandable>
他们使用上下文将州expanded传递给可扩展的孩子。到目前为止还不错：
impor
浏览 1提问于2020-09-03得票数 3
回答已采纳
1回答
原始行为:单击该按钮，切换div (关闭即打开，打开即关闭) ChildComponent.html
<div *ngIf="showFiller" class="sidenav">
<p>Hey</p>
</div>
<div class="content">
<button (click)="showFiller = !showFiller" mat-raised-button>
Toggle extra text
</button
浏览 0提问于2020-06-09得票数 0
在Facebook，我们在数千个组件中使用React，我们还没有找到任何建议创建组件继承层次结构的用例。
我使用react，我使用大多数工具。但是我在这里迷路了，它们到底是什么意思？
浏览 5提问于2020-08-18得票数 0
做这件事有可能吗？Ember文档中的示例将动作作为handlebars模板的一部分进行传递。
例如：{{my-component action='someAction'}}
这就是我要做的：
var containerView = Ember.ContainerView.create();
containerView.pushObject(Ember.Component.create({
container: this.container,
layoutName: 'my-component'
}));
浏览 0提问于2015-01-28得票数 0
2回答
我有一个react页面，上面有几个组件，其中一个状态显示了一个模式。我不希望应用程序中的所有组件在模式显示时重新渲染。
const CustomersPage = () => {
const [showModal, setShowModal] = useState(false);
const dataSource = [...omitted data]
return (
<>
<Modal
visible={showModal} />
<div>
<div>
浏览 1提问于2021-01-07得票数 0
React 0.14引入了纯函数作为组件，如下所示：
export const Label = ({title} => (
<span>{label}</span>
)
但是，我也想向组件用户描述组件所支持的属性和类型以及哪些是默认值。
所以我得补充一下
Label.propTypes = {
title: React.PropTypes.string.isRequired
}
Label.defaultProps = {
title: "unknown"
}
我也可以使用这样的React.Component：
class Labe
浏览 2提问于2016-03-06得票数 1
回答已采纳
我们当前的应用程序有每个屏幕实现一个AppLayout组件，该组件需要一个body和一个header支柱。
虽然body支柱通常是非常不同的，但(相当复杂的) header在不同屏幕之间有很多重复的内容。有时只是标题文本在改变。
目前，从一条路线转到另一条路线会改变整个屏幕，考虑到类似的内容，这是一种相当浪费的操作。有没有办法避免在两个屏幕之间重新呈现和重新安装常见的子组件？
路由设置示例
这说明了很多东西似乎在树上重复着。
<Route
exact
path='/user'
component={()=> {
return (<App
浏览 8提问于2017-11-09得票数 0
我正在Angular5上开发一个项目，我总是看到任何服务的提供者都是在ngModule部分声明的，我使用了预兆调试器并检查了Injector Graph，所有依赖项都来自根目录。
按组件分布服务提供者有什么好处吗？他们将提高应用程序的质量作为构建时间或更快的渲染？
提前感谢！
浏览 2提问于2018-03-29得票数 0
1回答
在MDN文档中，它们使用导出默认类{}并使用以下方式导入它：
import Whatever from './myFile'
应该行得通。
这在我的情况下行不通，因为我像这样导出我的类：
export default class LoginForm extends Component { }
然后像这样进口：
import LoginForm from './user/LoginForm';
导致以下错误：
123:30-39 './components/user/LoginForm' does not contain an export nam
浏览 0提问于2018-05-22得票数 1
回答已采纳
我有一个输入的TextField(Material-UI)，在同一个页面上有两个表，有很多值。为了在textField中输入值，我在setState中使用了onChange事件，如下所示。
问题是在何处使用此方法，对于每个值更改，调用setState，以便为每个值更改呈现页面。这导致用户在fast中输入值时在字段上显示值的速度慢。下面是用于此的代码片段。
<TextField
onChange={this.onChange}
className={classes.textField}
label=
浏览 0提问于2018-08-10得票数 1
我一直收到这样的错误: TypeError：_Fire.default.shared.addPost不是一个函数。‘fire.default.shared.addPost’是未定义的，如果有人能帮助我，我将很高兴
handlePost = () => {
Fire.shared
.addPost({
text: this.state.text.trim(),
localUri: this.state.image,
})
.then((ref) => {
this.setState({ text: "", image: null
浏览 0提问于2020-06-22得票数 0
1回答
我见过许多海报认为Swing组件不应该扩展，而应该通过组合添加功能。因此，假设我想重新创建一个具有绝对定位(没有布局管理器)的JPanel，在其中我可以用鼠标重新定位组件：
public class MoveableComponentPanel
{
private final JPanel m_panel;
public MoveableComponentPanel()
{
m_panel = new JPanel(null);
}
public void add(Component c)
{
m_panel
浏览 2提问于2016-12-15得票数 0
回答已采纳
我的代码出现了问题，它使用我的getComponent函数进入无限重呈现循环。我很确定问题在于我使用setComponent，并且每次调用它时它都呈现出来。我试过使用useCallback，但这不起作用。这段代码背后的意图是遍历数组，呈现某些组件，并根据数组中的条目传递道具。我是新来的反应，所以我肯定有一个简单的解决办法，我找不到。在任何情况下，如果您认为可以对代码的其他部分进行改进，我将感谢您对此或其他部分的帮助。
谢谢!
-- axios调用应该从底层获取的问题数组。
浏览 4提问于2020-11-01得票数 0
回答已采纳
我正在工作一个Blazor页面，在这里我想使用Radzens DataGrid。我使用的例子来编辑和添加我的数据库的联系人。以及整体的结构。
这很好用。
我从以下数据库中填充联系人列表：
protected override async Task OnInitializedAsync()
{
base.OnInitialized();
contacts = await Task.Run(()=>ContactService.GetAllContacts());
}
我还想添加。问题就在这里。当我在代码中实现它时，当加载Razor组件时，我会得到一个ArgumentNull
浏览 11提问于2022-02-16得票数 2
回答已采纳
详细信息： In C# on Unity3d在统一文档上搜索，但这个示例不适合我的情况，对于我访问过的其他网站也是如此。(我没有按我应该列出的方式列出。)
我要做的是传递一个带有构造函数的类变量作为组件：
CustomComponentClass ccc = new CustomComponentClass(2343, "blop");
gameObject.AddComponent(ccc);
我想知道我所尝试的是否有效，或者我错过了什么.
问题：
gameObject.AddComponent(ccc); -> cannot convert ccc to string
浏览 3提问于2014-07-22得票数 3
回答已采纳
1回答
我试图在组件中获得post响应的布尔结果。我检查了api，它得到了正确的响应(true/false)，data有appr。值，但我无法在其他组件中使用此值。
我在存储库/服务类中有这个函数：
validateSenderName(name: string) {
this.http.post<boolean>("api/senders/validateSenderName/" + name, null).subscribe(data => { return data; });
}
然后在组件中调用此函数：
checkSenderName = (params) =
浏览 4提问于2020-06-19得票数 0
回答已采纳
我有一个带有<textarea>的React组件。我希望这个<textarea>具有以下所有特性：
可编辑的，例如必须使用defaultValue或(value和onChange)
初始内容由进料支柱确定
当传入的道具更改时，内容会自动更改。
如果我使用defaultValue，那么当组件由于父级的修改道具而更新时，<textarea>将不会更新。
如果我使用value with onChange模型(如描述的和 )，就会落入陷阱，无法使用来自父级的传入道具来修改<textarea>的状态，因为：
<textarea
浏览 4提问于2017-01-29得票数 0
回答已采纳
1回答
我想为多个地区和不同的网站从一个通用模板创建大约1000个页面，其中包含一个脚本，并且该脚本必须从csv文件中获得相应区域设置的一个键。
下面的cURL将使用一个通用模板创建页面，但是如何添加组件：
curl -u admin:admin -F cmd="createPage“-F label=”-F parentPath="/content/geometrixx/en/company“-F -F-F title="new page”“
浏览 1提问于2021-02-15得票数 0
我有一个django API，它使用snake_cased json描述资源。我还有一个使用API的React应用程序。我可以在不同的位置映射snakecased属性，例如，在API渲染器中，或者在组件级别。
有没有关于在哪里应用这种转换的最佳实践？
浏览 0提问于2017-12-11得票数 1
我为我的活动和片段、演示程序、ViewHolder和ViewModel定义了几个基类，定义了一个接口和演示程序，所有继承这些基类的其他活动，在我的BaseActivity类和BaseFragmentClass中，我正在创建lifecycleRegistry对象并初始化它，但是当应用程序启动时，它会与错误getLifecycle() returned null in ComponentActivity's constructor. Please make sure you are lazily constructing your Lifecycle in the first call t
浏览 2提问于2020-07-17得票数 3
回答已采纳
让我们后退一步，看看用例：
您正在定义一个模块化接口，实现它的任何模块都必须能够“呈现”到给定槽和状态的应用程序中。
你在vue是怎么做的？
示例解
让我们看一看我可以组装的最基本的实现：
(完整示例：)
我们有一个布局：
# Layout.vue
<template>
<div>
<hr />
<slot name="moduleView" />
<hr />
</div>
</template>
带有模块的应用程序...and：
# App.vue
<s
浏览 5提问于2022-06-25得票数 1
我试图将数据属性从父组件传递到子组件，作为支持。但在子组件中，道具的值显示未定义。
<template>
<companyInfo :limit="this.limit"/>
</template>
data(){
return {
limit: 50
}
}
儿童部分：
<template>
<div>
<p>{{ text | summary(this.limit, '...') }}</p>
</div>
</template&
浏览 4提问于2019-11-20得票数 0
回答已采纳
我还是个新手。这是我的问题。我有一个对话框作为子组件，有一个保存按钮，当我单击保存时，将数据写入数据库。然后我需要重新渲染父组件。目前，我只能刷新网页以获取新数据。
class Row extends React.Component{
return(<Dialog />);
}
class Dialog extends React.Component{
_save=()=>{write into database}
return(
<UIDialog onClick={this.save} />
);
}
浏览 0提问于2018-06-21得票数 0
我在Talend中有下面的设计，我正在捕捉组件失败时的错误，但是如果有任何来自DB的错误，比如不能插入父键，没有找到不能插入到预期的15列中，但是实际的16，如果插入作业运行子作业，则不会显示任何错误。
如果我运行作业FACTDIM_COMBINE，我可以看到错误，但是如果它作为子作业运行，我无法看到错误
当数据库以SubJob的形式运行时，请帮助获取它。
浏览 2提问于2020-06-19得票数 0
回答已采纳
1回答
我正在使用角材料在我的angular2+项目之一。我在一个带有反应性的表单中使用mat-list。我已经将formControlName交给了mat-list，但是我得到了以下错误：
没有名称的窗体控件的值访问器：
我可以使用支持mat-selection-list的formControlName，但它支持多个选择并显示一个checkbox。我现在想要显示复选框，并且只想一次选择一个项目。
有人能帮我如何使用formControlName和mat-list吗？
谢谢
HTML代码：
<div [formGroup]="activityForm">
<
浏览 1提问于2018-03-21得票数 1
回答已采纳
2回答
我使用的是QT5.4.1。
我目前正在QML中设置一些按钮。对于某些按钮，我希望类似的状态行为--如何避免在QML中重复大量非常相似的代码呢？
Rectangle {
id: songFilterButton
x: 0; width: 80
y: 0; height: 60
Text {
anchors.centerIn: parent
text: "Songs"
}
state: "on"; states: [
浏览 2提问于2015-03-06得票数 1
回答已采纳
角:如何在收到api响应后获得组件的加载时间
嗨朋友们，
在我的角度应用程序(v13)中，我需要在获得api响应后找到组件的加载时间。有没有办法找到它。
提前感谢
问候
浏览 4提问于2022-06-22得票数 0
1回答
我想要创建一个自定义组件，以便在所需的系列中创建一些文件夹。我有java代码来完成这项工作，并且运行良好。但在部署之后，我无法使用该组件。我面临的问题是，这些方法在工作流中无法供我选择。
如果我部署一个没有任何支持jar文件的简单组件，它将正常工作。
如何添加支持jars的组件？
如何在不重新初始化整个孤立区域的情况下删除旧组件？
提前谢谢。
浏览 2提问于2013-05-30得票数 0
1回答
如何在类组件中使用forwardRef与react-redux的连接函数
import React, { Component } from 'react';
import ChildComponent from './ChildComponent';
class ParentComponent extends Component {
constructor(props) {
super(props);
this.myRef = React.createRef();
}
render() {
return <ChildCompon
浏览 3提问于2020-10-21得票数 0
1回答
我正在开发一个画廊，当我超过200个组件时，我有一个性能问题。目前在我的图库中，我可以过滤图像，并根据特定的属性对它们进行排序。我试图使用“惰性加载”来提高性能，但它给我带来了以前没有的其他问题。此外，如果我仍然显示我所有的元素，它不能解决这个问题。我想尝试一下像"react-virtualized“这样的东西，它永久地更新了DOM，但我真的不知道怎么做，我的印象是"react-virtualized”并不是用来操作整个组件的。
我的Gallery组件看起来像这样：
const Gallery = memo(props => {
const { imgs } = pr
浏览 0提问于2019-09-19得票数 1
1回答
我有一个“任务”列表，我想映射每个任务都有它自己的一组选项卡。在TabPanel中，有一个组件TaskOrg从后端获取内容(api调用非常重要)，并在DataGrid中显示数据。我没有问题隔离每个选项卡，这意味着我可以单击一个选项卡，它的行为与所有其他选项卡不同。
const [value, setValue] = React.useState({})
useEffect(() => {
if (provincialTasks.length > 0) {
let tabs = {}
provincialTasks.forEach(task
浏览 4提问于2022-08-17得票数 0
回答已采纳
1回答
这篇文章是为了获得关于以下问题的第二意见。以下是为/tasks URL配置组件的两条路由。我已经测试过了，它们似乎是等价的。现在我想知道哪一个是首选的。假设标记为...的路由中还有其他子节点。
因此，第一个组件是在path旁边指定的
export const tasksRoutes: Routes = [
{
path: 'tasks',
component: ExTasksComponent,
children: [
...
]
}
];
第二种情况是在children节点的空路径中指定组件：
export const ta
浏览 2提问于2017-02-23得票数 3
1回答
我是Vue的新手，但我的背景是在Google高分子2上工作了大约一年。我想要实现的是构建一个具有自身可变内部状态的独立组件，并在页面第一次从服务器发送到浏览器(即没有一个页面应用程序)时，通过HTML传递初始状态。几天来，我一直在处理道具和数据，大家的共识似乎是:使用道具传递初始值，然后将其复制到数据字段，然后变异数据字段。
但这会造成价值的重复！如果我有一个“标题”值，那么我需要一个支柱和一个数据，如果我想使标题的变异自包含在组件中。(由于其他原因，比如必须先处理输入的值，我不能将其绑定到输入框。)当我改变标题数据字段时，现在过时的标题支柱仍然像代码气味一样在周围徘徊。
是否有办法避免这种重
浏览 0提问于2019-02-15得票数 3
回答已采纳
当用户更改页面上的任何值(文本框/LOV)并错误地关闭选项卡/取消按钮时，我要求显示自定义弹出警告消息。
我尝试过的选项是：
a)在应用程序中，我们为7个不同的场景使用了一个复杂的任务流/区域模型。还有一个要求是显示自定义消息-因此不能使用"unsaveddatawarning“方法。
b)我尝试的第二个选项是自定义区域控制器: CustomRegionController实现RegionController
在validateRegion(RegionContext regionContext)内部，用来查找页面数据是否脏
AdfFacesContext.getCurre
浏览 0提问于2012-05-12得票数 0
我想在两个兄弟姐妹之间传递数据，但是，为了学习目的，我不想使用上下文。我有SearchBar和自动选择搜索一个城市：
SearchBar.js
export const SearchBar = () => {
const [city, setCity] = useState('')
const [error, setError] = useState(null)
const [loading, setLoading] = useState(true)
const [cityList, setCityList] = useState(null)
con
浏览 5提问于2021-09-17得票数 1
回答已采纳
为什么Vue建议使用v-如果不是$destroy来销毁component.In Vue文档，它是这样说的：
在正常用例中，您不应该自己调用此方法。更喜欢使用v和v以数据驱动的方式控制子组件的生命周期。
来自：
vm.$destroy()使用情况：
完全摧毁一个vm。清理与其他现有vms的连接，解除其所有指令，关闭所有事件侦听器。
触发beforeDestroy并销毁钩子。
在正常用例中，您不应该自己调用此方法。更喜欢使用v-if和v-for.以数据驱动的方式控制子组件的生命周期。
浏览 4提问于2020-06-19得票数 1
RTC版本: 6.0.4
Jenkins版本: 2.150.1
正在发生的事情：
我们有一个专门针对的工作区。
新组件已添加到此工作区中。
Jenkins构建将由人或在RTC中设置的计时器启动。
人工或计时器启动jenkins构建，但就在jenkins构建检查工作区之前，所有新组件都消失了。
Jenkins签出了工作区的版本，即在添加新组件之前(但以前所有的组件都有更新过的更改集)并继续运行。
如果没有新的组件，工作区将保持恢复状态。
这个工作区有多个流目标，这个流结构已经有几个月了，从来没有遇到过这个问题。
看起来这种情况只发生在这个工作区上，而且几天前才开始
浏览 0提问于2019-04-30得票数 1
回答已采纳
我在我的两个组件、com_guru、和上得到了这个错误。
Error loading component: com_guru, 1
Error loading component: com_easydiscuss, 1
在#__extensions表中还有对这两个组件的引用。
我该怎么办才能解决这个问题呢？
浏览 2提问于2013-01-08得票数 2
1回答
我有一个vue组件，它创建一个axios调用来获取数据，我使用一个Vuex操作来进行api调用。问题是，当我加载页面时，组件有时会呈现，而其他时候则不会。我不知道是什么触发了这种行为。我是Vuex的新手，有什么建议吗？提前感谢
这就是行动
getTickets({commit}, apiroute){
console.log('getTickets action')
let config = authHeader();
axios
.get(apiroute,con
浏览 2提问于2022-03-24得票数 0
1回答
我使用react-beautiful dnd创建了一个原型拖放功能组件。然而，我对代码的长度(例如250行)不太满意，我认为它应该是更好的可破解性。 请在this sandbox下找到此示例。我想听听你的重构建议，如何将“右栏”拆分成一个单独的功能组件，需要携带什么样的道具和事件，以及如何进行？ 提前谢谢。地理位置
浏览 41提问于2021-10-26得票数 0
回答已采纳
我正在制作一个医疗药品软件程序，我希望用户能够从一个由类别数组填充的jcombo框中选择一个疾病类别(呼吸系统疾病、心血管疾病等)。
一旦选择了这个类别，我希望另一个jcombobox只填充与该类别相关的药物。
我遇到的问题是，我似乎无法得到jcombobox中哪些内容的值，并在If语句中使用这些值，然后用相关的药物填充或显示第二个框。
public CatergoryBar(ArrayList<Catergory> category)
{
new GridBagLayout();
Dimension dim = getPreferredSize();
d
浏览 0提问于2019-07-20得票数 0
回答已采纳
在经历了一些浏览器中的惰性之后，我试图优化我的Angularfire应用程序中的变化检测。我读过，并试图对列表代码进行类似的建模。
我的集装箱班：
<section *ngIf="inclusions$ | async as standardList">
<bl-list-item *ngFor="let standard of standardList;
trackBy: identify" [inclusion]="standard">
</bl-list-item>
浏览 0提问于2018-07-17得票数 3
1回答
我想添加一些材料角度标签，以惰性加载方式。但是我有一个问题，如果我以这种方式设置选项卡(延迟加载)，是否有必要向服务器发出请求以获取内容？
万一没有，那么装标签和不装标签有什么区别呢？
我看过那些文件
谢谢你！！
浏览 0提问于2019-04-01得票数 0
因此，我有两个组件正在调用一个函数，然后我将一个函数从NavBar组件传递给Login组件，我尝试这样做，因为当用户登录时，我可以从NavBar调用函数来更新Navbar组件中的状态。
我在这里添加两个组件的代码
这是NavBar组件和我从她那里传递userLog函数
import axios from "axios";
import React, { useEffect, useState } from "react";
import { NavLink } from "react-router-dom";
import Cookies f
浏览 2提问于2022-11-28得票数 0
很明显，我们需要使用markForCheck()和OnPush策略来标记组件来进行CD检查，但是
我想弄清楚为什么只检查一个分支：
为什么可以为整个应用程序运行CD，或者只运行特定的组件，不行？
浏览 2提问于2017-07-30得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
