通过React快速实现问卷调查Demo应用
阅读这篇blog大约需要5分钟
React介绍

React 是一个用于构建用户界面的 JAVASCRIPT 库。
React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。
React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。
React 拥有较高的性能,代码逻辑非常简单。
关于React的介绍上网有非常多,今天用React做了一下问卷调查小Demo的UI界面。
创建React应用
通过create-react-app创建项目。
创建完成后可以直接通过npm start运行。

编写Component
界面是一个Form。包含了一些问题和对答案进行选择的单选按钮,以及一个提交按钮。
Survey Component包含多个问题Question Component。
Survey.js:
render() {
return (
<form onSubmit={this.handleSubmit}>
<Question question=
使用React重构问卷调查应用UI

本文通过React介绍,展示了如何快速创建一个问卷调查Demo应用的UI。利用create-react-app初始化项目,编写Survey和Question组件,结合jQuery进行交互,再用MUI库美化界面,实现了一个高效且直观的用户界面。相较于UI5,React更轻量级,但性能表现优秀。
最低0.47元/天 解锁文章
323

被折叠的 条评论
为什么被折叠?



