Redux 表单字段数组无法显示纯文本值

Question

我正在使用 redux 形式来表示数据网格。使用

初始化 redux 表单

  InputForm = connect(
  state => ({
    initialValues: {
      cashAndInvestments:[
        {title:"Chequing", rate:5, amount:100},
        {title:"Savings for Taxes", rate:4, amount:1000}
      ]
    } 
  }),
  null
)(InputForm);

初始化部分效果很好。然后我使用 redux 表单字段数组来呈现 table。

import React from 'react';
import { Field } from 'redux-form';
import { Table } from "semantic-ui-react";

const RenderAssets = ({ fields }) => (
  <Table.Body>
    {fields.map((asset, index) => (
      <Table.Row key={index}>
        <Table.Cell>
          {asset.title}
        </Table.Cell>
        <Table.Cell>
          <Field 
            name={`${asset}.rate`}
            type="tel" 
            component="input" 
          />
        </Table.Cell>
        <Table.Cell>
          <Field 
            name={`${asset}.amount`} 
            type="tel" 
            component="input" 
          />
        </Table.Cell>
      </Table.Row>
    ))} 
  </Table.Body>
);  

export default RenderAssets;

费率和金额填写正确。但是，它在资产标题的 Table.Cell 中显示为空。我想以纯文本而不是表单字段显示资产标题。谁能帮帮我？

谢谢，彼得

Answer 1

如果您想访问 Field 之外的 fieldArray 项的值，您可以在 map 函数中使用第三个参数 fields（here 你找到文档):

 {fields.map((asset, index, members) => (
    <Table.Row key={index}>
      <Table.Cell>
        {members.get(index).title} 
   ....

Redux 表单字段数组无法显示纯文本值

Redux form field array cannot show the plain text value

reactjs

redux

redux-form