成员从子组件中删除父类
从子组件中删除父类是指在组件化开发中，子组件主动解除与父组件的关联关系，使子组件不再依赖于父组件的存在。
这种操作通常发生在以下情况下：
- 父组件不再需要子组件的服务或功能。
- 子组件需要与其他组件进行关联，而不再需要与当前的父组件关联。
删除父类的操作可以通过以下步骤完成：
- 在子组件中，找到与父组件的关联代码或引用。
- 解除与父组件的关联，可以通过将父组件的引用设置为null或使用适当的方法进行解除。
- 确保在解除关联后，子组件不再依赖于父组件的任何功能或服务。
删除父类的优势：
- 解耦性增强：通过删除父类，子组件与父组件之间的耦合度降低，使得子组件可以更加独立地进行开发和维护。
- 灵活性提高：子组件可以更加灵活地与其他组件进行关联，而不再受限于当前的父组件。
- 可复用性增强：删除父类后，子组件可以更容易地在不同的上下文中重用，而不需要依赖于特定的父组件。
删除父类的应用场景：
- 组件重构：当进行组件重构时，可能需要删除父类以改善组件的结构和设计。
- 功能调整：当子组件的功能需求发生变化时，可能需要删除父类以满足新的需求。
- 组件替换：当需要将子组件与其他组件进行替换时，可能需要删除父类以确保替换后的组件能够正常工作。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了丰富的云计算产品和服务，包括但不限于以下几个方面：
- 云服务器（ECS）：提供弹性计算能力，支持各类应用的部署和运行。产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库（CDB）：提供高可用、可扩展的数据库服务，支持多种数据库引擎。产品介绍链接：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于各类数据存储需求。产品介绍链接：https://cloud.tencent.com/product/cos
- 人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接：https://cloud.tencent.com/product/ai
- 物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等。产品介绍链接：https://cloud.tencent.com/product/iot
请注意，以上链接仅为示例，实际使用时应根据具体需求选择适合的产品和服务。
相关·内容
1回答
我继承了我孩子班的财产。但是，当我试图调用父方法时，它总是使用它自己的(父)属性。如何解释c#如何使用继承的属性？
class ParentClass
{
protected int autoinc;
public ParentClass()
{
autoinc = 1000;
}
public Show()
{
Debug.Log("AutoInc = " + autoinc);
}
}
class ChildClass : ParentClass
{
protected
浏览 1提问于2017-01-23得票数 0
回答已采纳
1回答
如何从类之外或从prop.SomeFunction ()进行状态更改？我结合使用打字本。是的，我已经上过课了：
班级：
import * as React from "react";
import { Label } from "../../components/label/label";
import { TextBox } from "../../components/textBox/textBox";
import IApp from "../../interfaces/global-interfaces";
import
浏览 1提问于2018-09-04得票数 0
3回答
我想从父类到子类访问一个方法。
我的父班是
export class Parent{
constructor() {}
present() {
}
}
我的孩子课是：
export class Child {
constructor() {}
submit(){
this.toast.present();
}
}
我想从子类中的父类调用the ()方法。
浏览 0提问于2017-05-01得票数 0
2回答
我无法获取另一个父方法，该方法是在父方法中调用的，我正在使用它作为输入并调用子组件。
export class TreeMapComponent {
data;
constructor(public dialog: MatDialog, private router: Router) { }
ngOnInit() {
let results=[1,2,3]
}
fetchChildrenForPage(page, pagePerPage) {
let results={soemthing: 898, children: [1,2,3,3,4,5,6
浏览 3提问于2019-10-29得票数 0
回答已采纳
我有两个子类，它们链接到一个父类，所有这些类都是winform类。问题出在所有类中自动生成的代码中，这些代码具有以下共同签名：
/// <summary>
/// Required method for Designer support - do not modify
/// the contents of this method with the code editor.
/// </summary>
//member inherited and hides parent's, however both derived and parent method
浏览 0提问于2015-12-30得票数 0
3回答
我有一个父类和5个子类。在这五个类中，有两个类(子)，我在其中使用了AlertView，并使用了警报委托方法。在子类中，我有一个公共按钮，通过该按钮调用父类的警报委托。是“注销”按钮。通过哪个父类的警报委托可以访问。所以发生的是我使用了警报委托的类(在我的例子中有两个这样的类)，父类的委托没有被调用。但是，我没有使用来自这些类父类的委托的警报视图的类正在被调用。我不知道我是否有意义，如果没有，那就让我知道我会再试着解释得更好。
//parent class
-(void)someMethod
{
UIAlertView * alertView =[[UIAlertView alloc]
浏览 3提问于2015-06-08得票数 0
回答已采纳
我们已经创建了包含4个组件的新UCM项目。
假设组件A、组件B、组件C和组件D。
当我们创建子流时，该组件被添加到configuration选项卡中。
其中一个人执行了一些rebase活动，之后我们无法看到组件D的内容。
当分析时，我们发现“组件D”从子流配置中删除，而它保留在集成流配置中。
它是如何被自动删除的？我们不得不一次又一次地将其添加到配置中。这是恼人的。有没有办法永久解决这个问题？
浏览 0提问于2014-07-10得票数 1
我有几个关于反应挂钩的问题：useState和useCallback。
究竟什么时候需要？
1.1。如果setter函数接收到一个函数，它的参数将始终是以前的状态吗？
如果我想从子组件中更新父状态，我应该如何将setter传递给子-将它包装在另一个函数中作为回调(如解释的 )？就像建议的那样直接传递
2.1。每种方法的原因和优缺点是什么？
如果我可以直接传递它，并且我使用的是备忘录，那么useCallback是否需要解释
如果我想在从子节点更新父状态时使用最新的状态数据，我应该如何做到这一点？
4.1。在这种情况下，向孩子传递回调有用吗？
浏览 0提问于2020-04-21得票数 1
回答已采纳
我试图通过使用描述的子组件来实现封装，但是我得到了无限的递归。
这是我的代码：
//tried adding @ScopeA, still the same.
public class A {
@Inject
A(B b) {
}
}
@ScopeA
public class B {
@Inject
B() {
}
}
@Component(modules = AModule.class)
@Singleton
public interface AComponent {
public A a();
}
@Module(subcompo
浏览 0提问于2019-04-26得票数 1
回答已采纳
在这个例子中，我有一个父类组件: Dibf。我有一个子类组件: Header。
我可以设法把道具从父母传给孩子。但我试图通过这样做来向下传递状态(以下代码块的底线)：
export interface IDibfState {
CurrentUserTitle: string;
CurrentUser: string[];
CurrentUserGroups: string;
CurrentUserID: string[];
CurrentUserEmail: string;
FullName: string;
UniId: strin
浏览 5提问于2019-11-21得票数 0
回答已采纳
1回答
我已经创建了一个由子组件组成的Vue (2.0)组件，它都是Webpacked等等。例如，这是父组件：
<div>
<h1>This is just a title for lulz</h1>
<rowcomponent v-for="row in rows" :row-data="row"></rowcomponent>
</div>
它有一个传递给它的rows的道具，看起来像这样：
rows: [{ sometext: "Foo"} , { some
浏览 0提问于2016-10-22得票数 14
回答已采纳
在子组件中，我有一个计数器。当计数器清空时，我想报告父组件。我做了几次尝试，但没有成功。
timer.component.ts
import { Component, OnInit} from '@angular/core';
@Component({
selector: 'timer',
templateUrl: './timer.component.html',
styleUrls: ['./timer.component.scss']
})
export class TimerComponent impleme
浏览 3提问于2018-05-05得票数 0
回答已采纳
1回答
我有两个组件子组件和父组件，这个子组件的角色是星等评级，现在我想从子组件中获取要在父组件中显示的值，并使用来自子组件的数据。
添加:我使用Redux并响应导航2.0
子组件
import React, { Component } from 'react';
//import react in our code.
import {
StyleSheet,
View,
Platform,
Text,
Image,
TouchableOpacity,
} from 'react-native';
class Rate extends Co
浏览 0提问于2019-06-14得票数 2
由于Redux只是整个应用程序中唯一的(也是主要的)数据存储区，我们可以从
从父componentchild到兄弟组件的子组件、或任何其他组件的任何组件
仅仅通过发出一个带有数据的操作来生成一个新的应用程序状态，从而能够传递数据？
浏览 5提问于2020-02-11得票数 0
1回答
有两个问题，第一个问题是select的值是预先设置的，即我更改一个输入字段并立即选择更改其他数据(这是正确的)，但是值保持不变。(正确显示-新数据，但保留以前的旧数据)
在子类中更改的值必须发送到基类，然后在formatAmountFromLimit函数中使用，该函数被调用，并在基类中lambda的主体中接受该值。
基类
字段：
function LimitsFields (props) {
const [unit, setUnit] = useState(props.limit.unit)
return <Form onSubmit={onSubmit}>
浏览 5提问于2022-02-23得票数 0
我从子事件发射器获得'date‘返回，我试图将返回的'date’作为参数传递给我父组件的函数，该函数需要在页面加载时被初始化，以便我可以缓存模板视图。我尝试了以下操作，但找不到在页面加载时将该值作为"getData()“函数的参数传递的方法。任何帮助都将不胜感激，谢谢！
parentComponent.html
<child (todaysDate)="getTodaysDate($event)"></child>
parentComponent.ts
import { Component } from '@angular
浏览 4提问于2020-10-29得票数 0
我想在一个方法中处理所有对组件的单击。我怎么能这么做？
我有一个表示单个表行的组件，其模板如下所示
<td style="text-align: right;">{{item.id}}</td>
<td style="text-align: right;">{{item.name}}</td>
<td style="text-align: right;">{{item.amount}}</td>
我想捕捉所有的点击，可能发生在任何地方(任何td)。我怎么能这么做？
父模板是
浏览 2提问于2017-07-03得票数 1
回答已采纳
1回答
在组件B中的一个元素的(onclick) 中，可以像下面这样传递组件A的一个变量吗?:
构成部分B：
<comp-A (click)="NodeClicked({{index}})"> </comp-A>
其中index是组件A的一个变量。
浏览 3提问于2020-08-15得票数 1
我有两个组件--父组件和子组件。我已经将主机侦听器附加到这两个组件以检测关键事件。我想检测两个组件中的空间键事件。如果用户在子组件文本字段中按空格键，那么我希望父组件什么也不做。但是，如果用户不在子组件文本字段中并按空格键，那么我希望父组件触发一个函数。
export class ParentComponent {
constructor() { }
@HostListener('window:keyup', ['$event'])
keyEvent(event: KeyboardEvent) {
console.log("PARENT
浏览 3提问于2017-12-05得票数 3
回答已采纳
1回答
我有创建<li>元素的代码。我需要通过点击一个接一个地删除元素。对于每个元素，我都有Delete button。我知道我需要一些函数来删除项目的id。如何使用此功能删除ReactJS中的元素？我的代码：
class TodoApp extends React.Component {
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.b
浏览 0提问于2017-04-05得票数 19
回答已采纳
相对来说，我是TypeScript的新手。我需要实现两个共享功能和状态的路由保护。
当我尝试用构造函数扩展可注入类时，生成的类不会接收私有成员的实例。
人为的例子：
// guard-base.ts
@Injectable()
export abstract class GuardBase {
constructor(
private sharedState: SharedState,
) {}
sharedMethod(): boolean {. . .}
}
// authentication-required.guard.ts
@Injectable()
e
浏览 4提问于2017-02-07得票数 1
回答已采纳
1回答
我正在用反应性的形式在角形6中构建表单，我在每个部分都使用组件，我有一些问题:如何在子组件中使用FormArray，并在父组件中使用方法。例如：
在父ts文件中：
constructor(private fb: FormBuilder,
private http: Http) { }
ngOnInit() {
this.parentForm = this.fb.group({
_server: this.fb.array([this.initItemRows()]),
})
}
initItemRows() {
return this.
浏览 1提问于2018-12-04得票数 1
将数据从子组件传递到父组件的正确方法是什么？
(例如，您有一个简单的类似输入的组件。您可以轻松地将数据从父级传递到组件中。用户将更改输入值，现在由于某些原因，您需要将数据从组件传递到其父组件)
如何将数据从子节点传递到父节点？谢谢
浏览 1提问于2020-02-05得票数 1
1回答
我目前正在做一个项目，学习c++中的继承。然而，我遇到了一个我不知道如何解决的问题。
我将给出一个示例代码，因为真正的代码很难理解，因为它是用西班牙语编写的。
在musicalsymbol.h.h中：
class MusicalSymbol {
public:
MusicalSymbol();
virtual ~MusicalSymbol();
virtual qreal getX();
private:
...
};
musicalsymbol.cpp
MusicalSymbol::MusicalSymbol() {}
MusicalSymbol::~Mus
浏览 13提问于2019-08-13得票数 2
回答已采纳
我正在创建一个代表我的货币字段的组件。我的目标是列表中的add元素，在money字段上设置0以添加列表中的下一个元素.但是，我的问题是，当发送使用$emit事件清除输入以提高可用性时，无法工作。$emit的工作方式如下图所述
我的金钱领域：
<template>
<div class="input-group" @clear="clearInputField()">
<span>{{ title }}</span>
<input ref="displayMoney"
浏览 1提问于2022-01-24得票数 0
回答已采纳
我正在处理react-express Todo列表，但似乎无法从主应用程序组件中的TodoItem组件更新Todo项。当我编写axios函数从子组件本身修改数据库时，Todo在状态刷新后被清空。 我尝试从子组件向父组件发送数据，但没有结果。 //App.jsx {this.state.data.map(data => (
<TodoItem
data={data}
key={data.id}
d
浏览 16提问于2019-05-28得票数 0
首先，我真的读了几十个类似的问题，但还是找不到任何有效的解决方案。也许解决方案并不那么复杂，但我是React的初学者，没有足够的经验来处理它。
我有一个ManagePage.js，它是一个功能组件，并使用React Hooks作为其状态。它用于在一个表中呈现所有设备，显示更新/删除的模式，并在您想要从列表中删除设备时显示警告(我只是开始实现从状态创建/更新/删除设备的功能)。它看起来是这样的：
import React, { useState } from "react";
import { Layout, Input, Space, Table } from
浏览 5提问于2020-05-14得票数 1
回答已采纳
我有一个父组件，它有3个子组件在里面。在父组件中，我有一个保存按钮。
我的要求是，如果任何子组件中的任何元素或变量被触摸，那么我只希望启用父组件中的“保存”按钮。
<div>
<h3>Parent Component</h3>
<child-component1>
</child-component1>
<child-component1>
</child-component1>
<child-component1>
</child-component
浏览 2提问于2021-04-22得票数 0
回答已采纳
5回答
我正在尝试编写一个通用GUI类，其中包含所有不同和更具体的GUI所使用的主要方法。
public class GeneralGUI extends javax.swing.JFrame {
protected javax.swing.JTextArea logTextArea;
protected void say(String s) {
logTextArea.append(s + "\n");
}
}
子类包含：
public class SpecificGUI extends GeneralGUI {
protected j
浏览 2提问于2014-10-30得票数 0
回答已采纳
我有父组件、子组件和兄弟组件。当我们更改子组件中的参数值时。同级组件方法应触发，更新值应为。
我的问题是，我可以将方法从父组件触发到兄弟组件，但不能在触发时获得更新值。有一些延迟。
我使用了两种不同的方法来传递参数和触发器方法，这可能会有问题。请帮帮忙。
当邮政编码从子组件更改时，此方法从父组件触发，但在触发时未在同级组件中获取邮政编码的值。
getSiblingSettingFn() {
}
子组件
@Component({
selector: 'child-cmp',
template: '<p>child</p>'
浏览 2提问于2021-05-13得票数 0
2回答
我的理解是我们不能覆盖成员变量，但是当我运行下面的程序时，我得到了意想不到的操作/p
class Parent {
String message = "parent";
void say() {
System.out.println(message);
}
}
class Child extends Parent {
String message = "child";
}
public class Test {
public static void main(String
浏览 1提问于2016-04-05得票数 0
回答已采纳
2回答
在我的父组件中有以下内容：
obj: any = { row1: [], row2: [], total: [], sumTotal: 0 };
我将obj传递给子组件：
<tr table-tr-tr *ngFor="let key1 of channels[name];let i=index" [key1]="key1" [data]="array" [field]="key1"
[width]="width" [plantype]="plantype" [custom]=&
浏览 0提问于2019-09-05得票数 1
回答已采纳
为什么一个包中的父类的受保护方法不能使用位于不同包中的子类中的父引用来访问。A.java[]][](http://i.stack.imgur.com/vSOcZ.jpg)1]
浏览 0提问于2016-03-09得票数 0
1回答
我试图将editTodo作为道具函数从父app.vue传递到子组件.TodoItem.vue组件有一个条目列表，时间返回到newTodo和dateTime字段的主用户输入。实际上，我是Vue js的一个新学习者，对传递道具和组件通信有一点了解。
<template>
<div id="app" class="container">
<TodoInput :addTodo="addTodo"
:updateTodo="updateTodo"
/>
浏览 3提问于2020-11-12得票数 5
回答已采纳
1回答
我是React+Redux的初学者，有这个表的代码。该表的映射如下：
ListTemp.js
//editTemp function invoked in the mapping below
editTemp = (e, temp_id, temp_name, action_url, duration) => {
e.preventDefault();
this.props.getTemp(temp_id)
this.setState({
isEdit: true,
temp_id
浏览 7提问于2022-04-02得票数 0
回答已采纳
1回答
我有一个父组件：
<Parent>
<Child (click)=doSomething()></Child>
</Parent>
我想要有一个对父组件的引用，这样我就可以在方法中传递它，这将触发一个具有父引用的事件：
doSomething() {
// I would like to trigger the event, that would be catch elsewhere in the app
trigger(new ClickedEvent(referenceToParent));
}
事件将如下所示：
class Cli
浏览 4提问于2016-08-04得票数 1
我在vue.js中有一个全新的应用。我想使用子组件中选中的复选框来更改app.vue的数据值，我将如何实现这一点我在这两个文件中使用的代码是：
组件文件：-
<template>
<div>
<h3>Edit the user</h3>
<p>Local: {{ $route.query.local }}</p>
<p>Number is:- {{ $route.query.q }}</p>
<label><input type="c
浏览 58提问于2018-08-12得票数 0
1回答
我正在尝试使用$emit传递参数。筛选出我在父组件中的路由。它不工作，在控制台上，这个.$emit()返回未定义的。为什么会这样呢？
这是我的Home.vue
<template>
<div v-if="isLoggedIn">
<h1 style="text-align: center;">Home {{role}}</h1>
</div>
<div v-else style="margin: 0 auto;">
&l
浏览 8提问于2022-03-31得票数 0
我想知道使用"this“作为参数初始化子类是不是一个好主意？如果我想问得更好，我应该问在OOP世界中，从子类访问父类变量是不是一个好主意？
谢谢
浏览 6提问于2013-05-02得票数 0
回答已采纳
2回答
我有(例如)反应中有两种成分。第一个App.js是父组件。它将一些值传递给子组件Child.js。在child.js,中，它通过props接收值，并使用axios调用结果更新一些state变量。这个很好用。
现在，我需要在App.js中获得更新结果值。如何在App.js中获得该值
App.js
this.state ({ ...
examResult: null // need to update this with the child component result.
})
<ChildComponent
Id={this.state.StudentId}
浏览 1提问于2019-03-12得票数 0
回答已采纳
我有两个components.Parent (匹配比较)和子级(过滤比较).I想要从子对象传递数据到父对象component.If我有静态属性，然后当我这样做的时候它就能工作了。3打印出来。但是如果我有一些subcribe方法，我在孩子中获取数据，并且我试图访问父compo中的数据，那么我在matches属性上得到了undefined。
//filter compo ts file
test = 3;
this.matchService.getMatches().subscribe(matches => {
this.matches = matches['
浏览 1提问于2020-06-23得票数 1
2回答
谷歌在这个被广泛讨论的话题上有很多，但是，我找不到一个清晰的解决方案来解决我的问题(可能是一个常见的问题)。
我有一个父组件和一个子组件(参见下图)，其中子组件生成要存储在某处的值，父组件有一个触发存储操作的按钮：
在这种情况下，父级不希望设置或修改任何子道具或状态，而是从中获得一些价值。
在我看来，最好的方法是使用ref并调用子组件方法来获取值；但是，我正在非常努力地避免使用ref，因为任何react文档都表明了这一点。
这是一个用例，我更好地使用参考，还是我错过了一个更好的方法？在这种情况下使用参考文献有哪些缺点？
浏览 0提问于2018-02-27得票数 0
回答已采纳
假设我有以下抽象类学生：
public abstract class Student
{
public string studentID {get; private set;}
public string FirstName {get; private set;}
public string lastname {get; private set;}
public int age {get; private set;}
public Student(string id,string firstname, string lastname, int age)
浏览 2提问于2016-03-17得票数 0
回答已采纳
5回答
可以使用子类的构造函数的初始化列表来初始化父类中声明为受保护的数据成员吗？我不能让它工作。我可以绕过它，但如果我不是非得这样做的话就好了。
一些示例代码：
class Parent
{
protected:
std::string something;
};
class Child : public Parent
{
private:
Child() : something("Hello, World!")
{
}
};
当我尝试这样做时，编译器告诉我：“类'Child‘没有任何名为’something‘的字段”。这样的事情有可能发生吗
浏览 2提问于2010-02-19得票数 145
回答已采纳
2回答
我要删除子组件，父只会删除最后一个子组件，然后显示索引来自hostView -1，不能从视图中删除子组件。
这是我的孩子观
<button (click)="remove_me()" >I am a Child {{unique_key}}, click to Remove
</button>
这是我的孩子部件
import { Component } from '@angular/core';
import { ParentComponent } from '../parent/parent.component';
@
浏览 8提问于2022-12-03得票数 0
1回答
VueJS访问嵌套组件数据值
、、、、
父组件包含一个地址组件：
// ParentComponent.vue
<Address ref="childAddress"></Address>
地址组件包含许多联系人组件：
// AddressComponent.vue
<template>
<div>
<Contact ref="childContact"></Contact>
<Contact ref="childContact"></Contact>
浏览 1提问于2018-10-22得票数 2
回答已采纳
1回答
我正在发出一个具有各种值的事件，从我的ConversationList (子组件)到ConversationModel (父组件)。
会话列表
getConversation(conversation_id, receiver_id, username, avatar){
this.$emit('open-conversation', receiver_id, conversation_id, username, avatar);
}
ConversationModal
Vue devtools输出
[2,1,"Jeff","http://i.pra
浏览 0提问于2018-10-23得票数 6
回答已采纳
4回答
我现在正准备面试，有一个问题让我很困惑。人们说，在java构造函数中不能继承，但是这样的代码
public class childclass extends parentclass{
public childclass(){
super();
System.out.println("child");
}
public static void main(String[] args) {
childclass cc = new childclass();
}}
super()不意味着子类继承了父类的构造函数吗？
浏览 3提问于2016-02-24得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
