小编Ire*_*jas的帖子

我正在尝试创建一个单页 React 应用程序，一次安装某些组件。相反，所有组件都是一次性加载的。

我发现的有关安装组件的 StackOverflow 帖子是关于防止它们在更改时重新渲染的。我有 3 个部分，但我只希望其中一个部分出现在页面加载时。我希望计时器首先出现。当按下开始按钮时，我希望出现问题。最后，当计时器归零或用户按下提交按钮时，结果就会出现。各个组件都按我想要的方式工作，但我想隐藏它们直到它们被调用。仅供参考 - (selectedOption) 来自 React-Select 依赖项。

仓库： https: //github.com/irene-rojas/pixar-react

应用程序

import React, { Component } from 'react';
import './App.css';
import Timer from "./Timer";
import Questions from "./Questions/Questions.js";
import Results from "../src/Results";

class App extends Component {

state = {
    totalTrue: 0,
    totalFalse: 0,
}

componentDidMount() {
    return (
        <Timer />
    )
}

// submit button
handleFormSubmit = event => {
    event.preventDefault();
    console.log("submit button clicked");
        return (
            <Results />
        )
};

callbackHandlerFunction = ( …