我在反应的单独页面中显示我的问题时遇到问题

Question

我正在做一个测验应用程序，我想在一个页面中显示一个问题，但在我的情况下，所有问题都显示在一个页面中，我将如何做到这一点？

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

我在codesandbox中编写了我的代码，我将添加一个链接，以便大家可以看到它

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

希望对你有帮助。