Skip to main content
adicionou 54 caracteres ao conteúdo
Fonte Link

Estou tentando passar o exampleId que é o valor do primeiro ReferenceInput no filter do outro ReferenceInput, como que eu faço isso? O segundo precisa ser carregado dinâmico baseado na seleção do de cima

<ArrayInput source="list">
  <SimpleFormIterator>

    <ReferenceInput source="exampleId" reference="Example">
        <SelectInput optionText="name" />
    </ReferenceInput>

    <ReferenceInput source="exampleIdTwo" reference="ExampleTwo" filter={{ id: exampleId }}>
        <SelectInput optionText="name" />
    </ReferenceInput>

  </SimpleFormIterator>
</ArrayInput>

Se eu tento jogar para dentro de um Component para usar com o useState e onChange, acontece isso: resources.undefined.fields.exampleId

const MyComponent  = () => {
  const [exampleId, setExampleId] = useState(null);

  const handleOnChange = (e) => setExampleId(e.target.value);

  return (
          <SimpleFormIterator>

            <ReferenceInput source="exampleId" reference="Example" onChange={handleOnChange}>
                <SelectInput optionText="name" />
            </ReferenceInput>

            <ReferenceInput source="exampleIdTwo" reference="ExampleTwo" filter={{ id: exampleId }}>
                <SelectInput optionText="name" />
            </ReferenceInput>

          </SimpleFormIterator>
  )
} 

..

<ArrayInput source="list">
  <MyComponent />
</ArrayInput>

Edit: lib utilizada: https://marmelab.com/react-admin/

Estou tentando passar o exampleId que é o valor do primeiro ReferenceInput no filter do outro ReferenceInput, como que eu faço isso? O segundo precisa ser carregado dinâmico baseado na seleção do de cima

<ArrayInput source="list">
  <SimpleFormIterator>

    <ReferenceInput source="exampleId" reference="Example">
        <SelectInput optionText="name" />
    </ReferenceInput>

    <ReferenceInput source="exampleIdTwo" reference="ExampleTwo" filter={{ id: exampleId }}>
        <SelectInput optionText="name" />
    </ReferenceInput>

  </SimpleFormIterator>
</ArrayInput>

Se eu tento jogar para dentro de um Component para usar com o useState e onChange, acontece isso: resources.undefined.fields.exampleId

const MyComponent  = () => {
  const [exampleId, setExampleId] = useState(null);

  const handleOnChange = (e) => setExampleId(e.target.value);

  return (
          <SimpleFormIterator>

            <ReferenceInput source="exampleId" reference="Example" onChange={handleOnChange}>
                <SelectInput optionText="name" />
            </ReferenceInput>

            <ReferenceInput source="exampleIdTwo" reference="ExampleTwo" filter={{ id: exampleId }}>
                <SelectInput optionText="name" />
            </ReferenceInput>

          </SimpleFormIterator>
  )
} 

..

<ArrayInput source="list">
  <MyComponent />
</ArrayInput>

Estou tentando passar o exampleId que é o valor do primeiro ReferenceInput no filter do outro ReferenceInput, como que eu faço isso? O segundo precisa ser carregado dinâmico baseado na seleção do de cima

<ArrayInput source="list">
  <SimpleFormIterator>

    <ReferenceInput source="exampleId" reference="Example">
        <SelectInput optionText="name" />
    </ReferenceInput>

    <ReferenceInput source="exampleIdTwo" reference="ExampleTwo" filter={{ id: exampleId }}>
        <SelectInput optionText="name" />
    </ReferenceInput>

  </SimpleFormIterator>
</ArrayInput>

Se eu tento jogar para dentro de um Component para usar com o useState e onChange, acontece isso: resources.undefined.fields.exampleId

const MyComponent  = () => {
  const [exampleId, setExampleId] = useState(null);

  const handleOnChange = (e) => setExampleId(e.target.value);

  return (
          <SimpleFormIterator>

            <ReferenceInput source="exampleId" reference="Example" onChange={handleOnChange}>
                <SelectInput optionText="name" />
            </ReferenceInput>

            <ReferenceInput source="exampleIdTwo" reference="ExampleTwo" filter={{ id: exampleId }}>
                <SelectInput optionText="name" />
            </ReferenceInput>

          </SimpleFormIterator>
  )
} 

..

<ArrayInput source="list">
  <MyComponent />
</ArrayInput>

Edit: lib utilizada: https://marmelab.com/react-admin/

Fonte Link

React-Admin - como que eu passo um id de um ReferenceInput para o filtro de outro ReferenceInput?

Estou tentando passar o exampleId que é o valor do primeiro ReferenceInput no filter do outro ReferenceInput, como que eu faço isso? O segundo precisa ser carregado dinâmico baseado na seleção do de cima

<ArrayInput source="list">
  <SimpleFormIterator>

    <ReferenceInput source="exampleId" reference="Example">
        <SelectInput optionText="name" />
    </ReferenceInput>

    <ReferenceInput source="exampleIdTwo" reference="ExampleTwo" filter={{ id: exampleId }}>
        <SelectInput optionText="name" />
    </ReferenceInput>

  </SimpleFormIterator>
</ArrayInput>

Se eu tento jogar para dentro de um Component para usar com o useState e onChange, acontece isso: resources.undefined.fields.exampleId

const MyComponent  = () => {
  const [exampleId, setExampleId] = useState(null);

  const handleOnChange = (e) => setExampleId(e.target.value);

  return (
          <SimpleFormIterator>

            <ReferenceInput source="exampleId" reference="Example" onChange={handleOnChange}>
                <SelectInput optionText="name" />
            </ReferenceInput>

            <ReferenceInput source="exampleIdTwo" reference="ExampleTwo" filter={{ id: exampleId }}>
                <SelectInput optionText="name" />
            </ReferenceInput>

          </SimpleFormIterator>
  )
} 

..

<ArrayInput source="list">
  <MyComponent />
</ArrayInput>