Admin-on-Restフィルタを追加するカスタムShowコンポーネントを作成する方法

Question

Listコンポーネントが使用するFilterコンポーネントを利用できるカスタムShowコンポーネントを作成したいとします。私は正直なところ、どこから始めるべきか分かりません。誰かが私を正しい方向に向けることができますか？

は、これはそれがListで使用される方法です。

export const LogList = (props) => (
    <List {...props} perPage={100} title="Logs and Reports" filters={< FileFilter/>}> 

私はそうのようShowでそれを使用できるようにしたいと思います：

export const archivedShow = ({ ...props }) => (
     <Show title="Log" {...props} filters={<LogFilter/>} > 

Answer 1

カスタム接続コンポーネントを書くことができます。その後、あなたは望むようにすることができます。

showコンポーネントには他のcompと同様にアクションを提供できます。 https://marmelab.com/admin-on-rest/Show.html#actions

は、あなたがあなたのコンポーネントは、その後、Reduxの状態に接続することができます

（おそらくカスタム減速を使用して）あなたの状態でフィールドを埋めるために、このアクションを使用することができます。

class connectedReferenceInput extends Component { 
    render() { 
    <ReferenceInput source={this.props.source} > 
     <somecomp> 
    </ReferenceInput> 
    } 
} 

function mapStateToProps(state, props) { 
    return { 
    source: state.admin.somefield.source 
    }; 
} 

export default connect(mapStateToProps, { 
    crudGetList: crudGetListAction 
})(ClientInput) 

ドキュメントはAORのドキュメントで減速を書き込むためもあり、以下のような

何か。

詳細： 1）somecompあなたはreferenceInput 2）somefieldの子として必要なすべてのコンポーネントでは、あなたが接続されているフィルタ部品とconnectedReferenceInputの間でデータを渡すために設定する任意のフィールドです。

あなたが本質的に行っていることの分裂。

1）フィルタの子を作成する接続コンポーネントを作成します。この接続されたコンポーネントは、あなたの状態の一部を「減速機」によって変更するredux「アクション」を撮影します。

アクションとレデューサーの両方を作成するためのドキュメントは、ドキュメントにあります。

2）connectedReferenceInputを作成します（上のように）。これは、connectedFilterCompが行う状態の変更を（mapStateToPropsを通じて）受け取ります。これを使用して、referenceInputの可変フィルタを作成し、変数データを表示することができます。

基本的にはreduxを使用して、フィルタとコンポーネント間でデータを渡します。