reactjs - 我在反应的单独页面中显示我的问题时遇到问题
问题描述
我正在做一个测验应用程序,我想在一页中显示一个问题,但在我的情况下,所有问题都显示在一个页面中,我该怎么做?
我正在使用 React 16.8 版本,我将主要组件用作状态组件,将其他组件用作功能组件。
我在codesandbox中做了我的代码我将添加一个链接,以便大家可以看到它
代码沙盒链接: https ://codesandbox.io/s/epic-bush-7rmpu
我希望一个问题及其合适的选项应该显示在一个页面中,如果我单击下一个按钮它应该切换到下一个问题如果我单击上一个按钮它应该切换到上一个问题
解决方案
几乎您的问题是导入问题。更正如下:
在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"
推荐阅读
- c# - 在 Serilog MsSql 接收器中填充自定义列
- php - 这个 POST 请求是如何工作的?
- r - 实现 as.matrix 时出现热图错误
- javascript - Chrome 扩展代码库同时具有 javascript 和 typescript
- tkinter - 打开 Outlook 窗口而不冻结 Tkinter GUI
- multithreading - 对于共享数据的长时间运行的线程,是否有替代 Arc<> 包装的方法?
- docker - Dockerfile中的aws s3 cp返回权限被拒绝
- esp8266 - ESP8266 转 ESP32
- python - Ubuntu 20.04 上的 MariaDB 连接器/Python 安装问题(
- python - rhel 7.X 服务器上最新的正式 python3 安装是什么