Survey Component
2018~2019년에 제작했던 React 설문 모듈입니다. 아카이브 용도로 업로드 되었습니다.
설문 폼을 생성하는 Editor와 생성된 폼을 기반으로 응답을 수집하는 Viewer가 포함되어 있습니다.
Installation
npm install @im-ian/react-survey
# or
yarn add @im-ian/react-survey
How to use?
import { useState } from 'react';
import { Editor, Viewer, EditorType } from '@im-ian/react-survey';
const View = () => {
const [survey, setSurvey] = useState<EditorType.ISurveyResult>();
return (
<>
<Editor onSubmit={survey => setSurvey(survey)} />
{survey && (
<Viewer
survey={survey}
onSubmit={result => {
console.log(result);
}}
/>
)}
</>
);
};
export default View;@import url(https://cdn.syncfusion.com/ej2/material.css);Feature
Editor
| property | required | value |
|---|---|---|
| submitButtonOptions | N | { text: string; visible: boolean; } |
| defaultValue | N | {}: EditorType.ISurveyResult |
| onChange | N | (result: EditorType.ISurveyResult) => void |
| onSubmit | N | (result: EditorType.ISurveyResult) => void |
Viewer
| property | required | value |
|---|---|---|
| survey | Y | EditorType.ISurveyResult |
| submitButtonOptions | N | { text: string; visible: boolean; } |
| onSubmit | N | (result: EditorType.ISurveyResult) => void |