如何界定ReferenceInput的filterToQuery道具使用其他输入其自身的价值和价值

Question

我的使用情况：

我有一个表格和两个ReferenceInput s的AutocompleteInput他们。

我在第一个ReferenceInput中选择一个用户，然后我想从服务器查询所选用户的书籍到下一个ReferenceInput。

如何在这种情况下定义filterToQuery属性？

filterToQuery={searchText => ({ 'q[name_cont]': searchText, q[user_id_eq]: ??? })} 

Answer 1

您需要编写一个自定义的redux连接组件，该组件将包装referenceInput并根据状态中的选定值提供过滤器值。

您可以从state.admin.form访问当前数据。 “YOURFORMNAME” Redux的形式还提供了可以用在其他设备

https://redux-form.com/7.0.4/docs/api/selectors.md/

class ConnectedInput extends Component { 


    componentWillRecieveProps = (nextProps, currentProps) => { 
     if (nextProps.userName !== currentProps.userName) { 
      //reset state to set the the filter to query property based on new props and forcing a rerendering which will make the db call 
     } 
    } 

    render() { 
     return (
       <ReferenceInput filterToQuery={this.state.filter}> 
        <DisplayComponent /> 
       </ReferenceInput> 
     ) 
    } 

    mapStateToProps =() => { 
     const userName = //get from the state 
     return userName 
    } 
} 

Answer 2

aor-dependent-input访问值可以帮助你与一些实用功能。你可以在README