2回答
我有一个具有以下结构的React应用程序：
组件A由B和C组成
如果我在组件setState中调用B，是否也会通知组件A和C (这意味着它们至少也将重新呈现进入对账阶段)？
浏览 2提问于2018-01-18得票数 0
今天，我开始学习Angular2，我可以清楚地看到为什么需要指令中的“输入属性”，因为它使父->子通信更加容易，但我并不完全理解指令中“输出属性”的用例。有人能解释一下吗？
浏览 0提问于2016-03-29得票数 0
回答已采纳
2回答
我有一个自定义TextField组件，它可以在发生错误时显示，例如，当尝试提交表单时，textfield为空。在这种情况下，该字段显示为“red”，并带有一个批准的错误文本。
我面临的问题是，目前当我试图从表单组件处理这个逻辑时，让我们假设一个登录(我正在用useState(state, setState)处理我所需的状态)，TextField在第一个呈现时是'red‘，因为它是空的。只有当用户键入某项内容并再次删除它时才会发生这种情况，而不是在第一次呈现时直接进行，因为TextField无论如何都是空的。
以前，我可以用componentDidUpdate()生命周期挂钩来解决这个问
浏览 0提问于2019-02-05得票数 0
回答已采纳
1回答
是否有可能重新加载/重新装入反应组件？我有一个简单的应用程序，在春季启动和反应。我通过web套接字(stomp)实现了简单的通知。在react中，我使用了如下所示的SockJSClient组件：
<SockJsClient url='http://localhost:8080/voting-socket' topics={['/queue/notification', '/user/queue/notification']}
onMessage={this.onMessageReceive
浏览 0提问于2018-11-06得票数 1
回答已采纳
我在我的应用程序中有以下层次结构：
AppComponent » ThemeComponent » HeaderNavComponent
ThemeComponent有一个方法
qrIconClicked(){
}
我需要从HeaderNavComponent调用此方法。
我该怎么做呢？
浏览 0提问于2017-10-13得票数 3
我正在更新状态消息和id of TalkContent，并且我试图将其传递给适当的对话子(这本身就是TalkContent的子代)。
TalkContent
class TalkContent extends React.Component{
constructor(props){
super(props)
this.state = { talks : [], id : -1, messages : []};
//
}
render(){
if (this.state.id === -1)
{
return(
浏览 3提问于2017-05-02得票数 0
我有一个留言列表。父组件负责显示消息。我想滚动到第一次未读消息时，所有的消息组件已被挂载。消息由v-for呈现。
<div v-for="msg in messages" :key="msg.id">
<message :text="msg.text"></message>
</div>
messages是父组件的支柱，是一个数组。我的应用程序有多个房间。用户可以在房间之间移动。更改房间和安装新邮件后，家长应滚动到第一条未读消息。
我尝试更改watch房间并使用this.$nextTick，但是
浏览 4提问于2021-05-27得票数 1
在我的应用程序中，我有多个组件，因为我必须从一个组件触发另一个组件函数。两个components.In之间没有关系，这个案例是用@viewChild来处理的。
调用函数时，获取未定义错误的TypeError: Cannot read property 'showHelp‘。
@viewChild是否仅用于父组件和子组件交互，这是否只能通过服务实现？
import { ChangeListComponent } from '../change-list/change-list.component';
export class WeatherReportCompon
浏览 0提问于2017-11-14得票数 0
我在用角度上的业力写单元测试，我正在与奇怪的问题作斗争。我正在尝试测试app-source-roll-history-form的输出取消，它位于source-roll-history.dialog.ts内部。要实现这一点，我需要子组件的实例。当我试图获取它时，父组件实例在子组件实例中返回。
source-roll-history-dialog.html
<ng-template #newRollContent>
<app-source-roll-history-form
(save)="assignNewRoll$.next($event)&#
浏览 2提问于2022-06-10得票数 1
我正在尝试构建一个不使用ReactJS组件状态或道具来显示数据的ReactJS应用程序。相反，我使用支持将模型传递到组件，以便将self绑定到组件，并在模型数据更改时重新呈现。
我希望保持组件状态‘干净’，这样组件的状态将只包含有关用户体验相关内容的数据。如果您熟悉Firebase，这些应用程序的工作原理非常类似于使用Firebase构建一个react应用程序，但是它应该更具有声明性。
因为我不使用component.setState({...})，所以我想使用component.forceUpdate。我已经读过很多次了，您不应该使用这个方法，因为它跳过了生命周期方法，但是这是一个实验。
我
浏览 2提问于2016-12-10得票数 1
回答已采纳
我发现通过refs从父组件传递到子组件的参数要么是未定义的，要么是一个实际的事件，而不是我传入的事件。
将参数从父组件传递到子组件的函数的正确方式是什么？我使用的是refs，但在函数参数方面它似乎并没有真正传递任何东西。
我在这里展示了这个案例：
基本上，如果你看到我写console.log('child argument should be string');的那一行，它应该是一个实际传递的参数，而不是一个事件。
我想知道我是不是做错了什么。
对于这个场景，我需要评估父组件中的事件，并决定如何运行子函数，并相应地传递特定的参数。
浏览 1提问于2016-11-14得票数 1
5回答
除了一个外，我所有的事件发射器都正常工作。
child.ts:
@Component({
...
outputs: ['fileUploaded']
})
export class childComponent implements OnInit {
...
fileUploaded = new EventEmitter<boolean>();
...
randomMethod(){
...
this.fileUploaded.emit(true);
}
}
randomMethod()是从父组件
浏览 11提问于2017-07-11得票数 6
回答已采纳
我正在学习Blazor，并试图弄清楚组件生命周期方法是如何工作的。
在我的WASM项目中，我创建了一个简单的组件：
public class TestComponent : ComponentBase
{
[Parameter]
public string Id { get; set; }
[Parameter]
public RenderFragment ChildContent { get; set; }
protected override void OnParametersSet()
{
base.OnParamete
浏览 6提问于2020-07-21得票数 2
回答已采纳
在本例中，componentDidUpdate是在设置状态跟踪时触发的。HelloMessage道具和状态没有改变，所以为什么要调用这个方法？如何防止这种情况发生？
class HelloMessage extends React.Component {
componentDidUpdate(prevProps, prevState) {
console.log('HelloMessage did update');
}
render() {
return <div>Hellooo</div>;
}
}
class A
浏览 0提问于2018-08-17得票数 1
回答已采纳
我是新的反应-本机，我有一个错误，试图创建TabBarIOS。它一直告诉我，onlyChild必须传递给一个只有一个孩子的孩子，但是我的代码与我遵循的教程完全相同。
index.ios.js
'use strict';
var React = require('react-native');
var Welcome = require('./welcome.js');
var More = require('./more.js');
var {
Alert,
AppRegistry,
StyleSheet,
Te
浏览 0提问于2016-04-13得票数 0
回答已采纳
我在读“反应”的16个特征。我坚持下面的观点。请各位澄清以下几点。
setState回调(第二个参数)现在在componentDidMount / componentDidUpdate之后立即触发，而不是在所有组件呈现之后触发。
当下面的代码在react的两个版本中执行时，会有什么不同，即< 16和16。
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Com
浏览 2提问于2017-11-18得票数 4
1回答
Lit文件上写着：
当没有参数调用时，requestUpdate()调度更新，而不调用hasChanged()函数。但是请注意，requestUpdate()只会导致当前组件更新。也就是说，如果组件使用上面所示的代码，和组件将this.myArray传递给子组件，子组件将检测数组引用没有更改，因此不会更新。
那么，如何强制更新子组件(即使子组件的属性没有改变)？
render() {
return html`
<ul>
${this.myArray.map(
(item) => html`
<li>
浏览 2提问于2022-07-22得票数 1
回答已采纳
我有剃须刀部件。该组件有一个参数，准确地说，是EventCallback，名为"ValueChanged“。
[Parameter]
public EventCallback<string> ValueChanged { get; set; }
我指的正是这样一个剃须刀文件中的事件：
<Autocomplete DataSource="@Data" Columns="Id,Name" ValueChanged="OnUnitBrandIdChanged" />
我(通过F2，AKA重构)将属性名重命名为"O
浏览 1提问于2019-12-15得票数 2
回答已采纳
我知道我可以通过孩子的道具从孩子那里访问父母，但如果我想要与父母沟通，而不是与其直接的孩子沟通，那该怎么办？让我解释一下：
App呈现第一个组件，然后组件呈现其子组件。我在组件中有一个函数，可以让用户创建一个新元素。
但整个过程是由服务器和数据库控制的。只有应用程序才能获取数据库。如果我将一个新元素推送到数据库，只有应用程序才能知道它。
如何向应用程序传达需要重新渲染树的信息？我需要设置一个道具到组件，这些组件一直到应用程序都能与父母沟通。有什么想法吗？
浏览 0提问于2018-05-11得票数 0
6回答
我设置了一个service来跟踪登录用户。该服务返回一个可观察的组件，并通知subscribe给它的所有组件(到目前为止，只有一个组件订阅它)。
服务：
private subject = new Subject<any>();
sendMessage(message: boolean) {
this.subject.next( message );
}
getMessage(): Observable<any> {
return this.subject.asObservable();
}
根应用程序组件：(此组件订阅可观察到的)
ngAfterVi
浏览 10提问于2017-11-01得票数 14
回答已采纳
1回答
如何在Vue 3中从其父组件中正确地触发子组件中的方法。事件总线以外的其他内容。
以下是计时器触发方法：
methods: {
startTimer: function () {
this.timer = setInterval(() => this.countdown(), 1000);
},
我需要按下家长的按钮来启动它。
浏览 0提问于2021-07-06得票数 1
回答已采纳
我正在生成一个表示图像的base64字符串，并尝试将该图像数据作为对象的属性传递给子组件。
这是我想要传递给子组件的对象的类。它有一个image属性以及一些其他属性。当我的父组件更改otherData或id时，一切工作正常。我将在我的子组件中看到更新后的值。但是，当图像更改时，我看不到新图像，直到我在我的MyDataModel实例上更改了不同的属性！例如，如果我更改了otherData，新图像就会突然出现在屏幕上。我想知道图像是不是太大了，Vue的变化检测无法处理。它是一个表示320x240图像的base64字符串，大小约为150KB。但是，如果我取出图像并将其声明为父component...
浏览 2提问于2020-12-22得票数 0
在一个角项目中，我有一个父组件和一个子组件，我需要打开一个放在父组件中的模式，所以我使用ng-Zorro，如果我有类似于在父组件中打开模式的代码：
父级:从“@角/核心”导入{ Component }；
@Component({
selector: 'nz-demo-modal-basic',
template: `
<button nz-button [nzType]="'primary'" (click)="showModal()"><span>Show Modal</span&g
浏览 1提问于2021-03-19得票数 0
回答已采纳
我有一个简单的问题。我只想在路由改变时删除子组件。这是一个示例。有一个home零部件，它是父零部件。它有一个子组件。我只想在挂载子组件中的路由更改时停止间隔函数
import Home from "./components/Home.vue";
import Another from "./components/Another.vue";
const routes = [
{ path: '', component: Home },
{ path: '/another', component: Another }
浏览 0提问于2017-02-05得票数 13
回答已采纳
在一个食品杂货清单应用程序中，我有一个循环遍历食品杂货项目的父组件，以及一个使用输入元素(一个复选框和一个文本字段)显示每个食品杂货项目详细信息的子组件。我已经设置了直接到GroceryItem成员的双向绑定，只要用输入数据更新成员就可以很好地工作。
我遇到的问题是通知父组件重新呈现它自己。我知道在检测到更改时必须调用EventCallBack，但我希望避免将类成员重复作为局部变量，以便能够使用setter来检测更改并调用EventCallBack。我发现的另一个技巧是手动绑定数据，但这再次创建了重复，因为我必须为每个输入元素设置一个事件处理程序。
有没有更好的方法？
我希望有一种机制，我可以
浏览 2提问于2020-04-27得票数 0
目前我有这样的结构。
Child1 <---- Parent ----> Child2
父组件具有此状态
this.state = {
authenticationChecked: true,
isAuthenticated: true,
sideBarRetracted: false
}
this.retract = this.retract.bind(this);
this.unretract = this.unretract.bind(this);
和以下函数
r
浏览 14提问于2020-02-04得票数 0
回答已采纳
我已经阅读了很多关于这方面的文章，而且似乎有多种方法可以做到这一点，许多作者建议不要使用某些实现。
为了使这个简单，我创建了一个非常简单的版本，我想要实现的。
我有一位母亲，parent.vue。它有一个按钮：
<template>
<div>
<button v-on:click="XXXXX call method in child XXXX">Say Hello</button>
</div>
</template>
在子Vue，child.vue中，我有一个带有函数的
浏览 0提问于2019-03-23得票数 67
回答已采纳
我有ImageUpload.vue组件，这是一个简单的引导模式的方法很少。
我想知道使用这些方法中的一个最好的方法是什么？如下所示：
const app = new Vue({
components: {
'component-image-upload': require('./components/ImageUpload.vue'),
},
el: '#app',
data() {
return {
images: [],
pagin
浏览 2提问于2018-02-02得票数 0
1回答
我需要在微信的小程序中显示一个页面中的另一个页面。 使用模板是不够的，因为我需要的是每个页面执行自己的js代码。 它不完全是这样的，但它就像是从我自己的小程序应用程序中的另一个页面中放置了一个iframe。 我不确定这是否可能。我已经在网上搜索过了，但没有找到任何关于它的东西。
浏览 26提问于2021-10-20得票数 0
1回答
我有一个应用程序的角7与一个组件，其中有许多子组件。我遇到的问题是，当应用程序完全加载到视图端口时，组件的数量略有滞后。因此，我试图显示一个加载轮消失，一旦所有的组件是充分加载和视图。
是否有一种检查方法或事件来说明组件何时已加载并显示在视图端口中？
作为一个测试，我尝试了生命周期挂钩：
ngAfterViewInit(): void {
alert('Component Loading complete');
}
但不幸的是，此警报显示在组件实际位于视图端口之前。
感谢任何指导和轻量级的解决方案。谢谢
浏览 0提问于2019-06-02得票数 0
1回答
我有一个系统，它根据目录中的文件创建按钮。我需要根据按钮文本组件文本属性的子对象读取的内容在脚本中调用函数。基本上，我需要修改每个按钮来调用具有特定参数的函数。我该怎么做？
浏览 3提问于2016-09-11得票数 0
回答已采纳
1回答
我正在使用Meteor和React，并且在reactive:false.中遇到了奇怪的问题
这就是我想做的:服务器有一个“应用程序”集合，客户端需要根据用户选择的应用类别获得“应用程序”。第一次获取应用程序时，应该根据“订阅计数”对其进行排序。在此之后，只有当用户选择另一个类别时，页面才应该重新呈现自己，而不应该为“subscribeCount”更改重新呈现。
我试着用反应:假的。然而，我似乎无法阻止“subscribeCount”的更改重新呈现页面。这是我的代码：
getMeteorData(){
const chosenApps = Apps.find({
浏览 3提问于2016-01-29得票数 2
回答已采纳
翻译只适用于刷新。这似乎是因为我在App.js上使用了一个包装器，这就是为什么它不能工作。
另外，我试图为intlprovider添加一个键，翻译成功了，但是现在我所有的内部组件都得到了刷新。
在使用应用程序包装时，是否可以不刷新所有内部组件而使用reactintl？？
下面可以找到app.js、index.js和应用程序包装器：
Index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import './sty
浏览 0提问于2018-11-09得票数 0
回答已采纳
1回答
我有两个亲子关系的组成部分。父组件可以使用v-for循环包含任意数量的子组件。
实质上，子组件包含一个引导表b-table，父组件只是子组件的包装器。因此，父组件可以在其中包含任意数量的表。
这些表具有检查或取消检查表的行的功能。我希望跟踪父组件中所有表的所有选定行。我使用Vuex存储来保持所有选定行的id来自所有表。在选中/未选中任何行之后，每个子组件都提交给vuex存储。在这里之前一切都很顺利。使用vue devtools，我可以确认vuex存储中始终有正确的数据。( vuex状态属性名为selectedObjects，它是一个字符串数组)。
现在，我想根据vuex存储值(使用v-show
浏览 3提问于2019-11-12得票数 0
回答已采纳
当用户在使用旅行攻略App，会需要订机票、酒店、打车等服务，有时候一个App不能全包括，在用户的的诉求下，微信小程序提供的能力能够串联不同的App实现，那么其中的组件是如何出发的？
浏览 3723提问于2018-05-21
我最近尝试了反应的错误边界。根据医生的反应-
错误边界的粒度取决于您。您可以包装顶级路由组件，以便向用户显示“出了问题”消息，就像服务器端框架经常处理崩溃一样。您还可以将单个小部件封装在错误边界中，以防止它们破坏应用程序的其余部分。
包装顶级路由是好的，解决了我的目的，但中断在一个组件，使其他组件的正确工作，并取代他们所有的错误边界的掉落UI。
例如，我有一个顶级的路由组件- <Component1 />，它呈现另外四个子组件-- <Component2 /> <Component3 /> <Component4 /> <Compo
浏览 2提问于2019-11-19得票数 6
回答已采纳
1回答
我对聚合物相当陌生，只是研究了数据绑定是如何工作的。我正在移植一个现有的Dojo应用程序，其中有：
1)为每个URL单独存储一个存储(保存数据)
2)更新存储元素时来自服务器的消息
因此，如果用户在应用程序中的任何位置向存储区(存储数据)添加了项，则依赖于存储中数据的动态生成的选择框将自动拥有额外的项。
我试图在聚合物中复制类似的东西。
用例:想象一下这样的URL：/app/categories。通过使用HTTP查询它，您将得到所有可用类别的JSON。当应用程序运行时，服务器可能会通知/ app /类别中的一个新元素。因此，应用程序中的所有选择都会自动获得额外的项。
在聚合物中，我学习了如何将
浏览 1提问于2016-02-21得票数 1
回答已采纳
1回答
我不明白为什么即使我使用ChangeDetectionStrategy.OnPush和changeDetectorRef.detach()，函数ngDoCheck也会被调用。我的应用程序中有数千个组件，如果事件(鼠标单击等)已经从changeDetection引发child1，我想阻止child2。
这是一个
如你所见，我有一个父亲组件
@Component({
selector: 'my-app',
template: `
<app-child1 test="test"></app-child1>
&l
浏览 1提问于2017-08-10得票数 6
回答已采纳
2回答
我尝试通过添加以下内容来创建一个独立的applet程序：
public static void main(String[] args) {
JFrame frame = new JFrame("StartingPoint");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
StartingPoint sp = new StartingPoint();
frame.getContentPane().add(sp);
sp.init();
frame
浏览 2提问于2012-11-14得票数 0
我们如何在默认的GridView模板示例应用程序上检测GridView (如ScrollViewer上的ViewChanged )中的滚动事件？我想在左边的红条上复制netflix应用程序的效果。
我试着把GridView放在一个滚动浏览器里，但我一直没能成功地将它拉伸到不同分辨率的屏幕上。
更新:我打算将其用于NuGet上的VariableGrid控件-尽管它不是正式控件，但它继承了GridView
浏览 2提问于2012-11-23得票数 3
回答已采纳
我有一个react应用程序，在这个应用程序中，当父类异步获取学生列表时，StudentView (父)需要更新表组件(子)。
父组件
const StudentView = () => {
const [studentData, setStudentData] = useState();
useEffect(() => {
let url = "/api/students";
axios
.get(url)
.then((response) => {
setStudentData(r
浏览 2提问于2020-11-28得票数 0
回答已采纳
在我的角度应用程序中，我有一组不同的对话框模型，其中输入了表单数据。一些数据组在许多不同的表单上重复(例如:姓名、电子邮件、地址等的个人信息)。我希望将表单部分分离成一个组件，然后在不同的模式组件中重用它。
标记部分非常简单，但我不知道如何将数据传递给它的父组件。根据表单数据组件将添加到哪个模式组件，提交按钮上会发生不同的事情。
我正在寻找一个教程或某种高层次的解释，我可以如何实现这一点。
浏览 1提问于2017-09-27得票数 0
回答已采纳
1回答
我需要看看在我的应用程序中运行了多少个变更检测周期(以及是谁发起的)--这个应用程序有许多组件。
目前，我知道，在每个组件中，我可以使用ngDoCheck方法：
ngDoCheck()
对角不能或不愿单独检测的变化进行检测和行动。在每次更改检测运行期间，在ngOnChanges()和ngOnInit()之后立即调用。
这是一个不错的解决办法。
问题：
但是-有办法在全球范围内做到这一点吗？我的意思是，我真的不想修改每个组件并添加这个代码。
是否有一种方法可以使"listener & Logger“处于全局范围，以便我知道应用程序的哪一部分会导致许多更改检测周
浏览 1提问于2018-06-21得票数 8
回答已采纳
我试图建立一个页面与一些初始化数据首次挂载，并更新当websocket服务器给出一个响应消息，当某些按钮点击事件被触发时，我也需要禁止按钮。禁用，并在多少秒内告诉用户该按钮可再次单击。
我的第一个想法是，单个组件，通过状态更新，给计数器一个状态，然后使用setTimeout每1000ms向下计数1，原来计数器"banCount“工作得很好，直到我添加了websocket.send()，然后它每次都向下计数2。
我认为这是因为当websocket服务器响应时，状态是改变的，所以整个组件都被更新了，计数器被搞乱了。
所以，我有了一个想法，把它分成一个子组件，有它自己的状态，但在compon
浏览 1提问于2017-08-16得票数 0
回答已采纳
假设我有以下HTML：
<div id="wrapper">
<div class="one">ONE</div>
<div class="two">TWO</div>
<div class="three">THREE</div>
</div>
如果我有如下的单击函数，如何获得单击的元素的类名：
$(document).on('click', '#wrapper', function (eve
浏览 4提问于2022-03-05得票数 1
1回答
你好，在那里学习角，并遇到@输出装饰角。在研究了这个话题之后，我仍然很难理解这个概念。
代码示例：
app.component.html：
<app-tutorials(event)="doSomething($event)"></app-tutorials>
app.component.ts：
import { Component} from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component
浏览 0提问于2017-11-15得票数 1
回答已采纳
1回答
我试图在按钮单击时调用一个模态，并传递一个$incident数组，然后该数组将传递给一个Vue组件的属性。如何将数据从父刀片传递到包含的模式？我尝试使用数据附加，但我认为这是错误的。 我当前有一个表循环通过传递到我的刀片的事件数组： @foreach($incidents as $incident)
<tr>
<td>{{ $incident->service_now_incident_number }}</td>
<td>{{ $incident->business_service_refe
浏览 21提问于2019-12-10得票数 1
我在模板部分中的{{this.topic}}是当它在父组件中的值发生变化时更新，但脚本部分中的相同值只是保留它在search_params.set('param1', this.topic);中获得的第一个值，代码的其他部分没有任何问题，一切正常。你可以在这里尝试一下http://jsfiddle.net/6gk13sep/1/ 对于那些想知道输出结果应该如何的人来说，当您尝试按下另一个按钮时，应用程序应该使用该按钮名称重新请求API Vue.component('child', {
template: `
<div>
breedKe
浏览 34提问于2020-04-14得票数 0
回答已采纳
这更像是一个性能/最佳实践问题。
目前，我有一个子组件，需要更改它的父组件的状态，并在父组件上运行AJAX请求。当按下TouchableHighlight时，子场景需要更改回，父状态需要更改/执行ajax请求。
我正在使用进行导航。
实现这一点的最佳方法是将所需的状态更改通过道具传递回父程序，例如Actions.feed({foo:bar})吗？
或者，我可以通过道具将父方法传递给孩子并从孩子那里执行这个方法吗？该方法将更新父母状态。
这种方法存在的问题是，在父组件仍在挂载的同时，不能更改父状态和更改场景，也不能在挂载组件上进行setState。有什么方法可以通过父方法的承诺来实现这一点，一旦
浏览 3提问于2016-04-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
