Как пометить параметры как выбранные

Question

Как я могу установить выбранный атрибут для параметров внутри <SelectArrayInput> компонента?Я еще не понял, как установить выбранный атрибут.

Я уже пытался поместить туда выбранный атрибут, но, похоже, он не работает.

const tec = [
    { name: "Apple", id: 1, selected: true},
    { name: "Facebook", id: 2 },
    { name: "Netflix", id: 3 },
    { name: "Tesla", id: 4 },
    ];

const ReferrenceSelectBox = ({ source, record = {} }) => <SelectArrayInput choices={ tec } />;

ReferrenceSelectBox.propTypes = {
    label: PropTypes.string,
    record: PropTypes.object,
    source: PropTypes.string.isRequired,
};

export default ReferrenceSelectBox;

Я ожидаю вывод <SelectArrayInput> с уже выбранными опциями.

Answer 1

Я не могу получить изолированную программную среду кода, работающую с react-admin, но из документации похоже, что она использует Select из Material-ui в качестве основы.

В Material-UI вы можете передать значения, которые будут выбраны в качестве реквизита: value, который принимает массив из ids, который вы хотите.

Итак, в вашем случае вместо атрибута selected вы можете создать другой массив, который захватывает selectedIds и передает его как value prop, и он должен работать.

const tec = [
    { name: "Apple", id: 1},
    { name: "Facebook", id: 2 },
    { name: "Netflix", id: 3 },
    { name: "Tesla", id: 4 },
    ];
const selectedTec = [1];
const ReferrenceSelectBox = ({ source, record = {} }) => <SelectArrayInput value={ selectedTec } choices={ tec } />;

ReferrenceSelectBox.propTypes = {
    label: PropTypes.string,
    record: PropTypes.object,
    source: PropTypes.string.isRequired,
};

export default ReferrenceSelectBox;