Gumb za uvoz csv datoteke za response-admin
reagirati-admin-import-csv
Gumb za uvoz CSV datoteke za response-admin.
Upotreba
Jednostavno uvezite gumb na alatnoj traci, ovako:
Samo osnovna radnja uvoza
import { Datagrid, List, TextField, RichTextField, TopToolbar } from 'react-admin'; import { ImportButton } from 'react-admin-import-csv'; import { CreateButton } from 'ra-ui-materialui'; const ListActions = props => { const { className, basePath } = props; return ( ); }; export const PostList = props => ( ... );
Radnje izvoza/uvoza
import { Datagrid, List, TextField, RichTextField, TopToolbar } from 'react-admin'; import { ImportButton } from 'react-admin-import-csv'; import { CreateButton, ExportButton } from 'ra-ui-materialui'; const ListActions = props => { const { className, basePath, total, resource, currentSort, filterValues, exporter } = props; return ( ); }; export const PostList = props => ( ... );
Opcije konfiguracije
// All configuration options are optional const config: ImportConfig = { // Enable logging logging?: boolean; // Disable 'import new' button disableImportNew?: boolean; // Disable 'import overwrite' button disableImportOverwrite?: boolean; // A function to translate the CSV rows on import preCommitCallback?: (action: 'create' | 'overwrite', values: any[]) => any[]; // A function to handle row errors after import postCommitCallback?: ([]) => any[]; // Any option from the 'papaparse' library parseConfig?: { // SEE: https://www.papaparse.com/docs#config } }
Razvoj
Ako se želite razvijati na | _+_ | učinite sljedeće.
Lokalna instalacija
react-admin-import-csv
git clone https://github.com/benwinding/react-admin-import-csv/
cd react-admin-import-csv
Testovi
yarn
Pokrenite demo
Otvorite drugi terminal
yarn test # in root folder
Otvorite drugi terminal i idite na | _+_ | mapu
yarn build-watch
Preuzmite pojedinosti:
Autor: uzbuđenje
Demo: https://benwinding.github.io/react-admin-import-csv/#/posts
Izvorni kod: https://github.com/benwinding/react-admin-import-csv
#react #reactjs #javascript
Vidi Također:
- Kako se rugati GraphQL API-ima s json-graphql-poslužiteljem
- Hyper V vs VMware VS VirtualBox: Što je najbolje za sastanke s Virtualizat
- Vanjske tablice SQL Server PolyBase s Azure Blob Storage
- Waldo Anticheat: Strojno učenje za otkrivanje ciljanja u videoisječcima
- Izradite decentralizirani protokol razmjene poput PancakeSwap -a na pametnom lancu Binance