我有一个表单,这个表单对于一个组件来说太复杂了。
所以我为表单的一部分做了一个分段,它有多个动态输入,给出一个输出并验证自己。它没有提交按钮,在每次更改时,它只返回计算的结果,如果它被验证成功与否。
// Contains multiple input fields, passes its result when
// filled in properly and errors if not filled in properly
// so I can disable the submit button.
// Also contains a clear m
我调用了API并获取主页上的数据,并且使用支持将数据发送到主页的子组件。我可以将课程数据从主页发送到我的网格组件,它可以正常工作。问题是,当尝试从另一个组件打开我的网格组件时,我必须使用道具再次发送课程数据,这是没有意义的,因为其中一些组件与课程数据无关,但它们仍然需要携带课程数据,以便将其发送到我的corse网格组件。(当然,网格组件链接在我的导航栏中,这意味着每一个其他页面都可以访问它。现在我的问题是,当我进行初始API调用时,是否有一种方法可以在启动时设置我的课程网格组件的数据,并且不管其他组件的用户从其中打开它,仍然有足够的信息。
Below is my code for my hom
我对自己的反应有点困惑。
我有一个主页,我要分解成组件。所以,我有一个英雄组件,它现在有一个标题,是从mongodb中提取的。
所以,在主页上我有:
import React, { Component } from "react";
// the axios http request to the server
import { getHero } from "../services/heroService";
//state
class Home extends Component {
state = {
title: "",
我想知道是否有一种方法可以将一个方法从一个孩子调用到另一个孩子?例如,用户点击“最近的”头表。然后调用props.func并绑定"rearangeList“方法。但它就到此为止,无法访问TableContent中的方法"content“。有谁能告诉我出了什么问题吗?
//Get the users API leaderboard
function ajaxCall(callback){
$.getJSON("https://fcctop100.herokuapp.com/api/fccusers/top/recent", function(json30){