如何将API数据传递给子组件
在前端开发中，将API数据传递给子组件是一个常见的需求。下面是一个完善且全面的答案：
将API数据传递给子组件可以通过以下几种方式实现：
- Props传递：在父组件中通过props属性将API数据传递给子组件。父组件获取API数据后，将其作为props的值传递给子组件，在子组件中可以通过props属性访问这些数据。这种方式适用于父子组件之间的简单数据传递。
- Vuex或Redux状态管理：如果API数据需要在多个组件中共享或需要在组件之间进行状态管理，可以使用Vuex（在Vue.js中）或Redux（在React中）等状态管理库。通过将API数据存储在共享状态中，然后在子组件中从状态中获取数据，实现数据传递和共享。这种方式适用于较复杂的应用程序，需要跨多个组件传递数据。
- 上下文（Context）API：在React中，可以使用上下文API来传递API数据给子组件。上下文提供了一种在组件树中传递数据的方式，避免了通过逐层传递props的麻烦。可以通过在父组件中创建上下文对象，并将API数据存储在该上下文对象中。然后，在子组件中通过访问上下文对象来获取API数据。
- 全局事件总线：使用全局事件总线是一种实现组件间通信的简单方式。在Vue.js中，可以使用Vue实例作为事件总线，通过$emit和$on方法在父组件和子组件之间传递API数据。在React中，可以使用第三方库（如EventEmitter）来实现全局事件总线。
- 使用钩子函数：某些前端框架（如Vue.js）提供了钩子函数，可以在组件之间传递数据。例如，使用created钩子函数在父组件中获取API数据，然后通过调用子组件的方法，将数据传递给子组件。
以上是几种常见的将API数据传递给子组件的方式。选择哪种方式取决于具体的应用场景和需求。在腾讯云中，可以使用腾讯云开发工具包（Tencent Cloud SDK）来调用各种API获取数据，具体可参考腾讯云开发者文档（https://cloud.tencent.com/document/product）中相关产品的介绍和文档。
相关·内容
我在从API获取从子节点到父节点的数据时遇到了一个问题
孩子：
class Carton extends React.Component {
constructor(props) {
super(props);
this.state = {
loading: false,
matchData: []
};
}
在这里，我从API获取数据并更新状态
async componentDidMount() {
setTimeout(() => {
this.loading = true;
fetch(url)
.then(res => res.json()
浏览 2提问于2019-11-18得票数 0
我正在做一个项目，其中我有一个toast函数，在那里我调用从api获取数据和更新我的状态的函数，这样每当我单击update feed按钮，从api函数中获取数据时，状态的更新和成功的吐司就会出现。现在的问题是，我有一个类别的组件post在所有post组件中显示独立的类别post，它具有显示to的功能，我如何传递更新的状态，从api函数(即类别post组件)获取数据到父组件(也就是post组件)来实现类别组件的to。
浏览 6提问于2022-09-27得票数 1
回答已采纳
我有一个父组件A，其中设置了state和useState。父程序有两个子组件--组件B (接收useState作为支柱)和组件C (接收state作为支柱)。
因此，如果B运行setState，那么C应该重新呈现.一切都很好。我遇到的问题是，B也在重新呈现，尽管它没有将state作为一个支柱。理想情况下，我只希望C重新呈现。
另外，我不想将以前的state与当前的state进行比较，因为如果它是一个具有大量数据的重嵌套数组或对象，那么性能就会受到很大的影响。
有办法做到这一点吗？还是我必须使用类似于上下文API的东西呢？
代码示例：
// App.jsx - A
const App = ()
浏览 3提问于2020-07-15得票数 0
我遵循一个带有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
回答已采纳
我在我的App.js中定义了customerid，如下所示：
const customerid=this.state.userid;
我想将这个customerid值传递给我的customer组件。我在customer组件中调用customerid，如下所示。
const result = await axios.get("https://localhost:44357/api/Orders/CustomerId/${customerid}");
如何将cutomerid从app.js传递到customer.js？有什么天才能帮我吗？
浏览 1提问于2021-06-07得票数 0
我要做的是，当用户选择客户机时，将客户端的id传递给父组件。
在子组件中，我使用Axios接收数据，并将数据放在<Listbox />中，以便用户能够选择它。
Select.js
export default function SelectPlayer() {
const [client, setClient] = useState([])
const [selected, setSelected] = useState(client[0])
useEffect(() => {
const params =
"userName
浏览 2提问于2022-03-29得票数 0
我是新的反应，我没有得到任何答案，这一点。
我希望将数据从一个功能组件传递到另一个功能组件。但是，我不想呈现子组件。我只想把数据从一个组件传递到另一个组件。我怎样才能做到这一点？
请帮帮忙
一定有办法这样做的。
浏览 6提问于2022-09-14得票数 0
我正在使用talend大数据，并使用具有不同URL的tRESTClient创建了两个作业(父和子).Both作业。在父作业中，获取一些值并尝试将这些值传递给子job.Then，我希望将这些值(父值和子值)存储到mongoDB中。
父URL作业(&J)：
https://api.github.com/users/sample/repos和tRESTClient --> tXMLMap --> tBufferOutput --> tRunJob
父值：stargazers_count & watchers_count
子URL和作业：https://api.git
浏览 3提问于2017-08-04得票数 0
所以，在构建React或Vue应用程序时，我对传递数据的最佳方法感到困惑。
方法1)让我的子组件调用函数，这些函数调用API来获取/刷新组件上的数据。
方法2)最近，我在这些子组件中尽可能地进行了切换，将这些API调用放在父组件中，子组件调用父组件中调用该函数的函数，并将新数据作为支持传递。
这些都是处理数据的首选方法吗？方法2对我来说有点干净，并不是所有的地方都有可能，但是如果可能的话，父母应该负责刷新数据，但这也使得孩子依赖于父母，所以我不确定了。
方法1
<template>
<div>
<div v-for="(p
浏览 0提问于2019-03-21得票数 1
我有一个父组件，它使用服务从api接收数据。我需要将此数据传递给子组件，因为我不想再次调用api (严格规则)。我可以访问父组件中的数据，但不能在子组件中获取数据。我试过很多不同的方法。
import { Component, OnInit, ViewChild } from '@angular/core';
import {ActivatedRoute} from "@angular/router";
import {SwapiService} from "../../models/swapi.service";
import {Starshi
浏览 9提问于2020-11-17得票数 0
谢谢你的帮助！
如果我有一个容器组件，它有两个子组件:工具栏和数据
Container
- Toolbar
- Data
现在，容器调用API来获取数据，数据作为道具传递给工具栏和数据组件。
比如说，工具栏有一个“发布”按钮，当按下该按钮时，需要调用API来更新数据，2)重新发布数据组件
我的问题是:如果Toolbar组件直接调用API，然后让容器知道数据已经改变了。或者，如果工具栏让容器知道调用了“发布”按钮，容器就会调用API (re:工具栏不应该通过调用API直接更改数据，容器应该处理所有调用)。我认为让容器处理所有数据更改是更合适的答案，因为它允许容器控制状态/处理错误并正确
浏览 2提问于2019-09-19得票数 3
回答已采纳
嗨，现在我在一个我的投资组合网站上工作，我试图使一个按钮，使用相同的风格，但想要使用它的两个按钮(1)转到一些页面(2)下载简历。但它们都执行操作(1)。我不知道如何让这两个按钮做不同的工作。
这是Button的代码，
import React from 'react';
import './Button.css';
import { Link } from 'react-router-dom';
const STYLES =['btn--primary', 'btn--outline'];
const SIZE
浏览 2提问于2021-03-11得票数 0
假设我有这样的例子：
import React, { useMemo, useCallback } from 'react'
const Hello = (props) => {
const { firstName, lastName } = props
const fullName = useMemo(() => `${firstName} ${lastName}`, [firstName, lastName])
const sayHello = useCallback(() => {
console.log(`Hello, ${fu
浏览 3提问于2020-11-26得票数 2
回答已采纳
1回答
在vue组件之间传递数据
、、、、
我有3个vue组件，组件A使用事件侦听器从用户单击的HTML文本中收集数据，并将其存储到变量中。组件B将获取数据并进行API调用以在表中显示。组件C使用组件A呈现图表，组件C将使用组件B呈现图表下面的表。
构成部分A：
mounted() {
window.addEventListener('node_clicked', (e) => {this.nodeName = e.detail.name})
},
data() {
return {
nodeName: ''
};
问题：
如
浏览 2提问于2022-08-29得票数 1
回答已采纳
你好，我有一个挑战，我可以如何扩展和添加额外的道具到页面。下面的代码片段工作得很好，它填充了基本文本。
import React from 'react';
import { Text } from '@whatever-library';
const SomeComponent = (props) => (
<div>
<Text field={props.fields.heading} />
</div>
);
因此，现在我想添加来自外部API的数据，以便在这个组件中呈现。下面是另一个.js文件的片
浏览 1提问于2019-05-15得票数 0
3回答
我试图传递一个映射，它来自api，从父组件到子组件，以角7表示。
parent.ts：
export class AppComponent {
title = 'taurs-frontend';
categories: any;
isLoggedIn = false;
ngOnInit(){
this.roomDataService.getData(`${environment.api_url}/api/Categories`)
.subscribe(categories => {
this.categories=categori
浏览 0提问于2019-01-21得票数 6
回答已采纳
我正在阅读这篇关于React回忆录的，我想知道如何翻译和使用useMemo而不是useCallback钩子。特别是在这个例子中：
<Child name={ useCallback(() => {console.log('Really Skinny Jack')}, []) } />
其中的子组件如下所示：
export default React.memo(function Child({ name }) {
console.log("Child component");
return (
<>
{n
浏览 16提问于2022-05-02得票数 1
回答已采纳
1回答
在从父组件接收数据后，我试图显示子组件。我必须采取以下步骤：
我已经在父html页面中声明了组件选择器。
将数据从父组件发送到子组件Show(text: string)方法：
私有文本:字符串；显示(文本:字符串){ this.text = text；}
在此之后，我在子组件中插入*ngIf="text" for div，仅在组件收到数据时显示数据。
但是，当我调用子组件的show方法时，text变量是空的，而我的子组件没有显示。我认为这是因为我的父html页面中的子组件选择器创建了一个对象的新实例，该实例有一个空的text值。我怎么能解决这个问题？
更新
浏览 2提问于2017-09-06得票数 2
回答已采纳
如何在react中将fetch数据传递给子组件？
我做下面的..。
import React, { Component } from 'react'
import {
Table,
TableBody,
TableCell,
TableRow,
Button,
Icon
} from '@material-ui/core'
import { withRouter } from 'react-router-dom'
import api from '../../../../Services/Api'
cla
浏览 0提问于2019-07-11得票数 0
我很难实现我想要的反应。
我已经找到了一些例子，并通过了第1部分的教程。所以，我在某种程度上理解道具和状态，但我发现很难应用到我的特定用例中。
我有一个，我想调用它。我将使用这样的基本XMLHttpRequest：
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
callback(xhr.responseText)
}
param1 = encode
浏览 2提问于2016-09-01得票数 1
回答已采纳
2回答
我正在尝试以prop的形式将API数据传递给App.js。我可以通过控制台记录API数据，这样我就可以知道它是如何通过的。当我将它赋值给一个prop时，我得到了ResultList.js:28未捕获(在promise中) TypeError: this.props.openState不是一个函数。这是正确的语法吗？抱歉，如果这是一个幼稚的问题，我对这一切都是非常陌生的。 我尝试过几种不同的赋值方式，但我对道具的不熟悉阻碍了我。我知道API正在返回数据，因为我可以通过控制台将其注销。 ````import { Helmet } from "react-helmet"; ````
浏览 35提问于2019-05-10得票数 0
我知道我们通过道具将数据发送到子组件，但是如何将数据发送回父组件呢？
我有一系列下拉框，可以在这些框中选择项目：
DropdownMenu.js
import React, {Component} from 'react';
export default class DropdownMenu extends Component {
constructor(props) {
super(props);
this.state = {
highlight: false,
count: thi
浏览 0提问于2019-02-27得票数 1
我正在优化应用程序的性能，我想知道是否对那些不依赖于任何变量的函数使用useCallback钩子。
考虑以下情况:假设我们有一些功能：
const someFunc = () => {
let someVar = "someVal";
/**
* here some extra calculations and statements regarding 'someVar'.
* none of the statements depends on a variable outside this function scope.
*/
浏览 3提问于2020-06-10得票数 10
回答已采纳
1回答
在ReactJS中，如果我有从一个应用程序接口获取数据的组件(它在ComponentDidMount生命周期中被调用)，并且我多次使用该组件，它也会调用5次吗？注意:相同的API，相同的URL都是相同的，我只是多次使用它。
因为如果它调用5次，如果我在组件外部调用API，并且只提供数据，那么它只会被调用一次，这样会更有效率吗？
浏览 1提问于2018-09-09得票数 0
1回答
我有一个这样的数据： constructor(props) {
this.a = React.createRef();
this.b = React.createRef();
this.c = React.createRef();
}
setValue = (data = {}) => {
const {a='', b='', c=''} = data.constructor === ({}).constructor ? data : {};
this.a.current.setValue(a,
浏览 25提问于2021-10-14得票数 0
我使用的是角，我有两个子组件，我想把数据传递给他们。下面是我编写代码的方式:这是主模板
<div class="myCard">
<mat-card style="width: 500px;">
<mat-card-title style="display: flex; align-items: center; justify-content:space-between">
<span>Employees</span>
<butt
浏览 4提问于2022-11-04得票数 0
1回答
我想访问TotalTab/ProfitTab/LossesTab中的状态数据或投资组合。我想让他们更新数据(获取数据绑定？)当异步fetchData也完成时。
我的代码如下所示
class Portfolio extends Component{
constructor(props) {
super(props);
this.state = {
isLoading: true,
dataSource : ""
};
}
componentDidMount(
浏览 2提问于2015-08-20得票数 0
回答已采纳
对于我的当前项目，我们有一个放在components文件夹中的navbar.vue。然后我们所有的页面都列在“布局”文件夹下。目前，vue应用程序是由main.js文件运行的，该文件将导航栏放在每个页面上。是否有可能在每个页面上有不同的数据显示在导航栏中，但这些信息也可以被视为事件点击和每个页面上的切换反应？
浏览 0提问于2018-08-29得票数 0
回答已采纳
3回答
我正在制作一个带有React的应用程序，它从下拉菜单中获取用户输入，根据输入的值进行api调用并显示结果。组件的结构是这样的。
Search
Input
Result
因此，Search是Input和Result组件的父组件。我希望将值从Input传递给Search，在那里进行调用。然后将调用的结果传递给Result (令人惊讶的是)。
我可以在Search中为应用程序接口调用硬编码值，结果显示良好。
但是我在弄清楚如何将输入字段的值从Input传递到Search时遇到了麻烦。我想我应该从Search访问子(输入)道具，但我不知道如何设置它们，因为你不应该有一个组件设置它自己的
浏览 2提问于2016-09-03得票数 1
我是新的反应本机和处理一个项目，需要从另一个外部设备通过udp连接的数据。我接收到的数据没有任何问题，但是我希望通过将数据传递给父组件来呈现这些数据。如果有人能帮忙，那将是非常有用的。
console.log("UdpHandlerRtDisplay constructor called")
this.socket = dgram.createSocket('udp4')
this.socket.on('listening', () => {
const address = this.socket.address();
浏览 0提问于2020-12-29得票数 1
我开始使用Vue.js和Laravel进行一个小项目，我想知道如何将数据从父组件传递给子：下面是我所拥有的一个示例
Index.vue 页面：
import modal from './modal';
export default {
components: { modal},
data: function () {
names: {'John','Doe'}
}
}
我想将我在索引页面中的名称对象发送到模型，您可以看到，它是在index.vue中导入的。
浏览 4提问于2020-06-30得票数 1
回答已采纳
如何将ChildComponent中的hello值传递给App组件，并在页面加载时将其存储在ChildComponent的childProps变量中。
import React, { Component } from 'react';
class App extends Component {
render() {
var childProps ''; // I want store the passed const value in this variable;
return (
<div>
<Ch
浏览 8提问于2022-01-28得票数 1
3回答
我是Vue Js的新手，我想知道如何在两个组件之间发送数据。我正在构建一个vue应用程序，它从api中获取用户列表并显示它们。我想知道我可以在两个组件之间移动数据，以便在新页面上查看更多细节。
下面是我的html代码，用于在表中显示数据
<table class="table table-hover table-striped">
<thead>
<tr>
<th scope="col">ID</th>
浏览 6提问于2021-07-10得票数 0
回答已采纳
我在试着找到结账的解决方案。这是为我制作的一个定制应用程序，其中用户选择一件T恤，设计，墨水颜色，尺寸等。这是一个纯粹的as3闪光应用程序，最终将在品牌网站上托管。我有API用户名和证书，我目前正在使用一个购买按钮，它使用的代码片段从贝宝HTML按钮代码。//这些是白色Design1产品的“立即购买”按钮的代码片段。
//Listeners
buyTingBtn.addEventListener(MouseEvent.CLICK, buyTINGnow);
//Functions
function buyTINGnow (event:MouseEvent):void
{
var
浏览 1提问于2013-05-16得票数 0
我一直在使用react和redux，每次我在ComponentDidMount中调用一些rest api，我可以用它设置一个状态，并将该状态传递给我的孩子，或者更改该状态并使用它。我也可以将这些数据保存在我的redux中，然后做所有我想做的事情。我最近开始使用graphql，我看到当一个人使用查询在render中获取数据时，我们呈现我们想要的数据，依此类推。但我关心的是，我如何不渲染它，而是以某种状态存储它，玩它，然后将它传递给孩子。我在apollo中遇到了这种链接状态，但不能清楚地理解它的基本功能？如何解决状态管理和处理由来自apollo数据设置的状态的问题。我真的遗漏了
this.setS
浏览 0提问于2019-05-27得票数 0
如何将多个组件切换到另一个组件？我需要使用“双向数据绑定”。
我尝试了以下方法：
<app-drawer-menu [popup]="getPopupInstance" [appHeader]="getAppHeaderInstance"></app-drawer-menu>
export class DrawerMenuComponent implements OnInit {
@Input() private popup: DialogLoginSignupComponent;
@Input() privat
浏览 5提问于2017-07-09得票数 0
2回答
我有currency的数据，我希望将这个数据传递给所有视图，而不是在每个视图中调用相同的函数。
因此，我决定在App.vue (my main view)中调用我的函数，但不知道如何将它与router-view一起传递
代码
HTML
<template>
<el-container :is="layout">
<transition name="fade">
<router-view id="content" :key="$route.fullPath">&
浏览 1提问于2020-01-24得票数 0
回答已采纳
我可以使用强制为父组件重新加载，但是如何为子组件重新加载？
例如，以下反应类方法：
buttonClick = () => {
//This updates parent (this) component
this.forceUpdate();
//This causes runtime error ("..not a function in buttonClick...")
Rtable.forceUpdate();
}
render () {
<div>
<RTable />
</div>
浏览 2提问于2020-06-04得票数 7
回答已采纳
1回答
我调用了API并获取主页上的数据，并且使用支持将数据发送到主页的子组件。我可以将课程数据从主页发送到我的网格组件，它可以正常工作。问题是，当尝试从另一个组件打开我的网格组件时，我必须使用道具再次发送课程数据，这是没有意义的，因为其中一些组件与课程数据无关，但它们仍然需要携带课程数据，以便将其发送到我的corse网格组件。(当然，网格组件链接在我的导航栏中，这意味着每一个其他页面都可以访问它。现在我的问题是，当我进行初始API调用时，是否有一种方法可以在启动时设置我的课程网格组件的数据，并且不管其他组件的用户从其中打开它，仍然有足够的信息。
Below is my code for my hom
浏览 0提问于2021-06-21得票数 0
回答已采纳
1回答
我刚刚开始学习react，我想知道构建我的测试项目的最佳方法是什么。
应用程序只有一页，必须：
有一个点击外部API的搜索，返回JSON。
JSON结果将以可读的格式显示给用户
有带有动态链接的按钮
使用一些json数据下拉列表。
我认为每个组件都应该有一个组件，将关联设置为'Search‘作为父组件，每个其他组件都直接从该组件继承。
例如：
app
│ ├── search component
│ │ ├── dropdown component
│ │ ├── list component
│ │ ├── button compo
浏览 2提问于2017-10-27得票数 3
回答已采纳
我对此反应很新，我一直在努力弄清楚如何将数据从子函数传递给父类组件。在我的子代中，我只有一个变量来存储URL中的用户名。但我似乎想不出如何将它传递给父组件。
这是我的孩子。
const GetUsername = () => {
const params = useParams();
const [param, getParam] = useState(params.name);
return <p>{params.name}</p>;
};
export blabla
我想知道如何访问父组件中的params.name。这是我的父母。
export c
浏览 7提问于2022-06-19得票数 0
我会有一个通用组件的评论。这个组件有复杂的图形含义，我需要使用相同的数据模型对两个不同的上下文进行重用。我想用一个例子来解释。我有两个不同的API，用于在A和B上下文中向列表添加新注释。所以我已经：
带有注释列表和添加(或删除)按钮的AComponent。
带有注释列表和添加(或删除)按钮的BComponent。
两者使用相同的模型(IComment)和图形细节，但用于创建/删除的接口不同。
到目前为止，我使用事件发射器处理此用例，并将API调用委托给属于A和B组件的父组件。
但是，如果API返回服务器的验证错误，我希望在注释的组件中处理它，以显示错误图形详细信息。我该怎么做呢？这个用例的更好
浏览 5提问于2018-09-19得票数 0
1回答
我想根据医生的名字来获取数据。在第一次单击Sales Overview选项卡时，组件被挂载，数据被顺利获取，我看到所有图表都得到了更新。但是，当我使用Search按钮获取新医生的数据，然后单击Sales Overview选项卡时，我没有看到任何获取操作，而是继续看到以前MD的数据。 以下是搜索字段和选项卡的屏幕截图： ? 我将医生的名字从父搜索组件传递到SalesOverview1子组件，如下所示： {
this.state.tab_button_clicked === 'sales_overview' &a
浏览 13提问于2021-04-05得票数 0
回答已采纳
我是个新手，需要一些帮助。我正在使用Axios从REST API获取数据。我有两个组件。父组件和子组件。在父组件中，我从具有多个记录的API中获取汇总数据，而子组件用于在用户单击父组件中的特定记录时进行另一个API调用，以获取记录的详细信息。父组件有3个属性( Document-Number、document-Type和Approver )。当用户点击按钮时，我需要将"Doc-Number“和”Doc-Type“值传递给子组件接口URl。
注意:我在父API响应中没有任何专用的ID属性，这就是我使用index作为键的原因。
这是我的父组件
import React, { Compone
浏览 0提问于2020-10-16得票数 1
因此，我试图将字段从MongoDB传递到React组件中，如下所示：
import React from 'react';
import ReactDOM from 'react-dom';
import { Meteor } from 'meteor/meteor';
import { Tracker } from 'meteor/tracker';
import { Players } from './../imports/api/players';
import TitleBar from './..
浏览 0提问于2018-12-27得票数 1
我有一个名为“工具栏”工具栏的可重用子组件，它有一个按钮集合(新建、保存、保存和关闭、历史记录等)，当这些按钮被触发时，我希望清除来自父(new )的数据，或者执行API调用来保存数据等等。
我的问题是父表有一个表单和React表，表中填充了数据(来自api调用)，我需要一种方法来查看父表上的子单击事件，从表单中获取数据并在表上调用getData()，然后将更新后的值传递给子表(父表上没有按钮)以保存或清除窗体，如果按了新的按钮，则删除表数据。工具栏
class Toolbar extends React.Component {
constructor(props){
super(
浏览 0提问于2019-09-18得票数 0
回答已采纳
1回答
有两个问题，第一个问题是select的值是预先设置的，即我更改一个输入字段并立即选择更改其他数据(这是正确的)，但是值保持不变。(正确显示-新数据，但保留以前的旧数据)
在子类中更改的值必须发送到基类，然后在formatAmountFromLimit函数中使用，该函数被调用，并在基类中lambda的主体中接受该值。
基类
字段：
function LimitsFields (props) {
const [unit, setUnit] = useState(props.limit.unit)
return <Form onSubmit={onSubmit}>
浏览 5提问于2022-02-23得票数 0
我正在使用父组件的HTML模板中的按钮路由到子组件。如何将父组件的数据(比如名称)传递给子组件？我不想显示URL中的数据(如果传入routerLink就会显示-导航到子组件)
浏览 0提问于2018-10-01得票数 1
我有一个组件NewForm.js，我从表单中收集数据，我希望这些数据稍后在列表中呈现，我可以在其他地方进行组件钻取，将状态提升到App.js，但这很糟糕，我知道有一种方法可以用useContext和useReducer实现，我知道如何将数据从全局状态向下发送到组件，但我不知道如何“将状态从NewForm.js提升到全局状态”。
浏览 2提问于2022-01-18得票数 0
2回答
重新渲染子组件反应
、、、、
如果组件中的一个更新，是否可以重新呈现组件的一个或两个子组件？我有一个看起来像这样的组件： const ContributeBody = () => (
<StyledContributeBody>
<LastThreePages />
<ContributeForm />
</StyledContributeBody>
); ContributeForm组件收集数据并调用一个将数据添加到我的Fauna的API函数。 LastThreePages组件调用一个API函数，该函数从Fauna集合中获取最后三个页面。 目
浏览 17提问于2020-01-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
