Reactjs Redux表单字段数组无法显示纯文本值
我使用redux表单来表示数据网格。redux表单是使用Reactjs Redux表单字段数组无法显示纯文本值,reactjs,redux,redux-form,Reactjs,Redux,Redux Form,我使用redux表单来表示数据网格。redux表单是使用 InputForm = connect( state => ({ initialValues: { cashAndInvestments:[ {title:"Chequing", rate:5, amount:100}, {title:"Savings for Taxes", rate:4, amount:1000} ] } }), null
InputForm = connect(
state => ({
initialValues: {
cashAndInvestments:[
{title:"Chequing", rate:5, amount:100},
{title:"Savings for Taxes", rate:4, amount:1000}
]
}
}),
null
)(InputForm);
对于初始化部分,它工作得很好。然后我使用redux表单字段数组来呈现表
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;
从“React”导入React;
从'redux form'导入{Field};
从“语义ui react”导入{Table};
常量RenderAssets=({fields})=>(
{fields.map((资产、索引)=>(
{asset.title}
))}
);
导出默认渲染集;
正确填充比率和金额。但是,它在资产标题的Table.Cell中显示为空。我想用纯文本而不是表单字段显示资产标题。有人能帮我吗
谢谢,
Peter如果要访问
字段
之外的字段数组
项的值,可以在映射
函数(找到文档)中使用第三个参数字段
:
{fields.map((资产、索引、成员)=>(
{members.get(index.title}
....
如果要访问字段
之外的字段数组
项的值,可以在映射
函数中使用第三个参数字段
(您可以找到文档):
{fields.map((资产、索引、成员)=>(
{members.get(index.title}
....
{fields.map((asset, index, members) => (
<Table.Row key={index}>
<Table.Cell>
{members.get(index).title}
....