사용자 지정 시간 선택기 React 구성 요소 빌드
1661 단어 timepickerreact
1단계 — 기본 CRA 시작
npx create-react-app axon
2단계 — react-datetime 및 react-input-mask 패키지 설치
cd axon
npm i react-datetime react-input-mask moment
3단계 - 시간 선택기 구성 요소 설정
4단계 — 스타일 시간 선택기 구성 요소
<script id="gist-ltag"src="https://gist.github.com/anlisha-maharjan/3ab43016b6b7995a30addbd26f4098be.js"/>
5단계 — App.js에서 CustomTimePicker 구성 요소 가져오기
import React from "react";
import CustomTimePicker from "./custom-time-picker";
import './custom-time-picker.scss';
function App() {
return (
<div
style={{
display: "flex",
flexDirection: "column",
justifyContent: "center",
alignItems: "center",
width: "100vw",
height: "100vh",
}}
>
<CustomTimePicker name="time" label="Time" />
</div>
);
}
export default App;
그게 다야!
포스트Build a custom time picker React component가 Anlisha Maharjan에 처음 등장했습니다.
Reference
이 문제에 관하여(사용자 지정 시간 선택기 React 구성 요소 빌드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/anlishamaharjan/build-a-custom-time-picker-react-component-2n3b텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)