小编Ste*_*Eck的帖子

我在ReactJS项目上工作,您可以在按下生成按钮时生成随机活动.我正在对我的api进行提取以显示其中的一些数据.这很好用.现在,我想在每次单击"生成"按钮(位于主组件中)时执行提取并显示返回的数据.因此,生成按钮必须执行新的提取并刷新组件.默认情况下它也必须为空.我搜索了一段时间,找不到相关的答案.你们有些人可以帮助我吗？谢谢.

获取组件

import React from "react";

export class ItemLister extends React.Component {
    constructor() {
        super();
        this.state = { suggestion: "" };
    }

    componentDidMount() {
        fetch("......./suggestions/random", {
            method: "GET",
            dataType: "JSON",
            headers: {
                "Content-Type": "application/json; charset=utf-8"
            }
        })
            .then(resp => {
                return resp.json();
            })
            .then(data => {
                this.setState({ suggestion: data.suggestion });
            })
            .catch(error => {
                console.log(error, "catch the hoop");
            });
    }

    render() {
        return <h2>{this.state.suggestion}</h2>;
    }
}

家庭组件

import React from "react";
import { ItemLister } from "./apiCall";

export class Home …