React Admin - 如何获取 ArrayInput 中 AutocompleteInput 的每个选定数据？

发布于 2025-01-11 04:40:12 字数 578 浏览 0 评论 0原文

有没有办法获取ArrayInput中每个AutocompleteInput的完整数据（不仅仅是id）？我想计算 ArrayInput 中商品的总价。这是商品记录的示例 { id: 1, name: 'item 1', Price: 100}。

<ArrayInput source="items">
    <SimpleFormIterator>
      <ReferenceInput
        label="Item"
        source="id"
        reference="items"
      >
        <AutocompleteInput
          matchSuggestion={matchSuggestion}
          optionText={<ItemOptionField />}
          inputText={itemInputText}
        />
      </ReferenceInput>
    </SimpleFormIterator>
  </ArrayInput>

原文

Is there any way to get the full data (not only id) of each AutocompleteInput in the ArrayInput? I want to sum the total price of the items in ArrayInput. Here is the sample of item record { id: 1, name: 'item 1', price: 100}.

<ArrayInput source="items">
    <SimpleFormIterator>
      <ReferenceInput
        label="Item"
        source="id"
        reference="items"
      >
        <AutocompleteInput
          matchSuggestion={matchSuggestion}
          optionText={<ItemOptionField />}
          inputText={itemInputText}
        />
      </ReferenceInput>
    </SimpleFormIterator>
  </ArrayInput>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

温暖的光 2025-01-18 04:40:12

我认为 FormSpy 正是您所需要的。
请参阅这篇文章的答案，它似乎与内容完全匹配你需要吗？

<SimpleForm>
    <ArrayInput source="students">
            <SimpleFormIterator>
              <TextInput source="name" /
              <NumberInput source="role" />
            </SimpleFormIterator>
          </ArrayInput>
     <FormSpy
         subscription={{ valid: true }}
         onChange={props => {
             setFormValues(props.values);
         }}
      />
  </SimpleForm>

I think FormSpy is exactly what you need.
See the answer of this post that seems to match exactly what you need ?

<SimpleForm>
    <ArrayInput source="students">
            <SimpleFormIterator>
              <TextInput source="name" /
              <NumberInput source="role" />
            </SimpleFormIterator>
          </ArrayInput>
     <FormSpy
         subscription={{ valid: true }}
         onChange={props => {
             setFormValues(props.values);
         }}
      />
  </SimpleForm>

回复收藏 0 原文

~没有更多了~