首页 > 解决方案 > 我在反应的单独页面中显示我的问题时遇到问题

问题描述

我正在做一个测验应用程序,我想在一页中显示一个问题,但在我的情况下,所有问题都显示在一个页面中,我该怎么做?

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

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

代码沙盒链接: https ://codesandbox.io/s/epic-bush-7rmpu

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

标签: reactjs

解决方案


几乎您的问题是导入问题。更正如下:

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.jsPrevious.js文件

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

推荐阅读