일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- xlsx
- icrawler
- axios
- jimp
- yml
- react-admin
- 프로그래머스
- react-xml-parser
- readableStream
- react DOM
- cognito
- window.postMessage
- domtoimage
- electron-builder
- react
- electron
- react-hook-form
- TypeScript
- 가상 DOM
- zerocho
- node
- timeinput
- API Gateway
- AWS
- JavaScript
- Route53
- signIn
- gitignore
- react-sortable-hoc
- dynamodb
- Today
- Total
목록react-admin (3)
꾸준히 공부하는 개발자
react-admin 에는 string 을 배열로 나열하게 만드는 field가 만들어져있지 않다. 이러한 기능을 왜 안 만들었는지 의문이지만, 다음에 사용하기위해 내가 직접 만들어 보았다. TextArrayField.js import React from "react" export const TextArrayField = ({data}) => { const arrayValues = Object.values(data) return ( {arrayValues.map((value, index) => {value})} ) } Show.js
react-admin Document에 보면 DateInput 이나 DateTimeInput은 존재하는데 TimeInput은 없다. 문서에는 timepicker 를 이용하라고 나와있는데 Timepicker 를 이용하여 구현하였다. Timeinput.js import React from 'react'; import PropTypes from 'prop-types'; import {withStyles} from '@material-ui/core/styles'; import {TextInput} from "ra-ui-materialui" const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap', }, textField: { width:..
react-admin 의 fileInput을 커스텀하여 react-sortable-hoc 를 적용하였다. react-admin ver 2.8 if (data.length > 0) { formData.images = data } react-admin ver 3.1 react-final-form 을 이용하여 구현하였다. if (data.length > 0) { form.batch(() => { form.change('mainImages', data) }) } used react-dropzone ver 4.0.1 grid-example 도 만들어놓았다. 코드를 보고싶다면 아래 링크에 들어가서 확인하면 된다. https://github.com/pjw9195/react-admin-OrderImageInput pj..