我在单独的页面中显示我的问题时有问题

Question

我正在做一个测验应用程序，我想在一个页面中显示一个问题，但就我而言，所有问题都显示在一个页面中，我该怎么做？

我正在使用React版本16.8，我已经将我的主要组件用作状态组件，并将其他组件用作功能组件。

我在codeandbox中做了我的代码，我将添加一个链接，以便大家可以看到

codesandboxlink：https://codesandbox.io/s/epic-bush-7rmpu

我希望一个问题及其合适的选项显示在一页中，如果我单击下一个按钮，则该问题应切换到下一个问题；如果我单击上一个按钮，则应切换至上一个问题

Answer 1

几乎您的问题是导入问题。如下进行纠正：

在index.js文件中，更新：

import React from "react";
import Previous from "./Previous/Previous";
import "./styles.css";

// class App extends Component
// You need to use React.Component here
class App extends React.Component {
//.. 

---

在Next.js和Previous.js文件中

import "../styles.css"; // Not found "../App.css"

Answer 2

我现在更新了沙箱：

您可以执行以下操作，并更新current_index并使用CSS隐藏其他问题，以便他们仍然记住您的答案（如果您不使用javascript ofc保存它的话）：

https://codesandbox.io/s/rough-cache-io72h

希望有帮助。