Reduxの形式は不変私はシンプルなToDoリストをやろうとしています、不変Reduxの形式を使用しています、私はTODO項目のFieldArrayを使用しています、フォームが送信されると</p> <p>、私は値を取得していないすべてのフィールド

Question

を提出しますインデックスはユーザーのためだけに読み込まれており、divを使用してレンダリングしています。フォームの提出中にインデックスの値を取得する方法。 MyCustomコンポーネントの外観はどうですか？

<TableRow selectable={false} key={index}> 
    <TableRowColumn style={styles.item}> 
     <Field name={`${todo}.index`} component={MyCustom} val={index + 1} /> 
    </TableRowColumn> 
    <TableRowColumn style={styles.done}> 
     <Field name={`${todo}.done`} component={CheckBox} label=""/> 
    </TableRowColumn> 
    <TableRowColumn style={styles.description}> 
     <Field name={`${todo}.description`} component={Text}/> 
    </TableRowColumn> 
    <TableRowColumn style={styles.duration}> 
     <Field name={`${todo}.duration`} component={Duration} type="number" normalize={integer}/> 
    </TableRowColumn> 
    <TableRowColumn style={styles.delete}> 
     {/* <button type="button" title="X" onClick={() => fields.remove(index)}>X</button> */} 
     <IconButton onClick={() => fields.remove(index)}> 
     <DeleteIcon/> 
     </IconButton> 
    </TableRowColumn> 
    </TableRow> 

MyCustom

<div> 
    <span>{val}</span> 
    </div> 

Answer 1

indexそれだけで価値だ、ここではフィールドではありません。だからそれを小道具として渡す。