0
我想讀取字段值並將每個字段值推送到字段數組。添加值後,還要將字段輸入重置爲空。如何讀取字段值並在「刪除」按鈕中顯示。我用過field.firstname。請參閱下面的鏈接如何將字段值添加到顯示行逐行的數組
const renderMembers = ({fields}) => (
<div>
<h2>Members</h2>
<Field name="firstName" component='input' type='text' />
<button onClick={() => fields.push({--add Field value here and push to array---})}>add</button><br />
{fields.map((field, idx) => (
<div key={idx}>
--display added value here---
<button onClick={() => fields.remove(idx)}>remove</button><br />
</div>
))}
</div>
)
const Form =() => (
<FieldArray name='members' component={renderMembers} />
)
const MyForm = reduxForm({
form: 'foo',
initialValues: {
members: [
{}
]
}
})(Form)
https://jsfiddle.net/Mahaboob/75rh036o/7/ –
請添加代碼作爲問題的一部分,而不是在外部網站 – Alistra
HI Alistra添加的代碼,請檢查 –