Передача <List>значений фильтра в компонент действия (REACTADMIN) - PullRequest
Новая
       39

Передача <List>значений фильтра в компонент действия (REACTADMIN)

0 голосов
/ 29 мая 2020

Как я могу получить значения фильтра моего элемента ReactAdmin? Я могу получить размер списка, но я не знаю, как получить фильтр, который я могу передать своему компоненту настраиваемого действия:

в моем App.tsx: 

const MyActions = ({
    total,
    filters,
    filterValues,
    ...rest
}) => (
    <MyButton listsize={total} filters={filters} filterValues={filterValues} />
);

export const MyFilter = (props) => (
    <Filter {...props}>
        <TextInput label="Search" source="q" alwaysOn/>
    </Filter>
);


<List {...props} actions={<MyActions {...props}/>} title="My List" perPage={25} filters={<MyFilter/>}>
        <Datagrid rowClick="edit">
            <TextField source="id"/>
            <TextField source="name"/>
            <TextField source="info"/>
        </Datagrid>
    </List>
);

My Action Button Component; 

class MyButton extends React.Component {

    constructor(props) {
        super(props)
    }

    render() {
    console.log('this.props.listsize : ' + JSON.stringify(this.props.listsize));
    console.log('this.props.filters : ' + this.props.filters);
console.log('this.props.filterValues.q : ' + this.props.filterValues.q);
        return (
            <anyContent...>
        )
    }
}

Вывод в консоль просто: 

this.props.listsize : 145 (Size is correct) 

this.props.filters : [object Object]

this.props.filters.filterValues.q : undefined

Как я могу получить текущий фильтр для?

1 Ответ

1 голос
/ 30 мая 2020

Значение фильтра можно получить из свойства: filterValues: {q: "test"} https://marmelab.com/react-admin/List.html#empty -страница

...