所以我有两个组件,一个是MainComponent,另一个是用ReactJS编写的MenuComponent。
将MenuComponent导入到MainComponent
MainComponent如下所示:
import React, { Component } from 'react';
import { Navbar, NavbarBrand } from 'reactstrap';
import Menu from './MenuComponent';
import DishDetail from './DishdetailCo
我调用了API并获取主页上的数据,并且使用支持将数据发送到主页的子组件。我可以将课程数据从主页发送到我的网格组件,它可以正常工作。问题是,当尝试从另一个组件打开我的网格组件时,我必须使用道具再次发送课程数据,这是没有意义的,因为其中一些组件与课程数据无关,但它们仍然需要携带课程数据,以便将其发送到我的corse网格组件。(当然,网格组件链接在我的导航栏中,这意味着每一个其他页面都可以访问它。现在我的问题是,当我进行初始API调用时,是否有一种方法可以在启动时设置我的课程网格组件的数据,并且不管其他组件的用户从其中打开它,仍然有足够的信息。
Below is my code for my hom
现在,我正在尝试学习如何在没有重定向页面的情况下构建单个page应用程序。因此,每一次更改UI都会通过按钮触发。但是,如果触发器按钮在另一个视图上,我很难实现它.
我构建了一个简单的代码,用按钮将路由视图从<Home/>更改为<Payment/>。
app.js
import React, {useState, useEffect} from 'react';
import Home from './views/Home';
import Payment from './views/Payment';
import
好的,我正在推进我的项目,从组件中的简单数据数组到对数据的API调用,并且由于在生命中总是如此,组件不再工作。API正在工作--我可以看到数据结果,但它只是没有在呈现中生成它们:
// function
showMainTestimonial(clientId) {
let results = [];
let linkButtonNode = null;
TestimonyApi.getAll()
.then(function (data) {
var data = data.data;
i