Чип-вход в реагирующем админе - PullRequest
Новая
       6

Чип-вход в реагирующем админе

0 голосов
/ 28 января 2019

Как использовать материал-ui-чип-вход в реагировать-администратор?

Я пытался написать такой код, но в результате на сервер ничего не отправлялось. 

import React from 'react';
import { Field } from 'redux-form';
import ChipInput from 'material-ui-chip-input';

const renderChipInput = ({ input, meta: { touched, error } }) => (
        <ChipInput {...input}/>

);
const Chip = () => <Field name="tags" component={renderChipInput} />
export default Chip;

1 Ответ

0 голосов
/ 29 января 2019

Это рабочий код 

import React from 'react';
import { Field } from 'redux-form';
import ChipInput from 'material-ui-chip-input';

const renderChipInput = ({ input, meta: { touched, error } }) => (
        <ChipInput {...input}
                   value = { input.value || []}
                   onAdd={(addedChip) => {
                       let values = input.value || [];
                       values = values.slice();
                       values.push(addedChip);
                       input.onChange(values);
                   }}
                   onDelete={(deletedChip) => {
                       let values = input.value || [];
                       values = values.filter(v => v !== deletedChip);
                       input.onChange(values);
                   }}
                   onBlur={() => input.onBlur()}
        />
);
const Chip = () => <Field name="tags" component={renderChipInput} />
export default Chip;
...