2 回答

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超3個(gè)贊
Formik 接受兩種類型的孩子:
反應(yīng)節(jié)點(diǎn)
返回 React 節(jié)點(diǎn)的函數(shù)
目前您正在將一個(gè) React 節(jié)點(diǎn)傳遞給 Formik (#1)。
為了訪問values
,您需要將子項(xiàng)更改為一個(gè)函數(shù)(#2),該函數(shù)稱為渲染道具。
然后可以像這樣訪問值:
<Formik
initialValues={/* ... */}
onSubmit={/* ... */}
>
{props => (
<form>
{/* here we can access props.values */}
</form>
)}
</Formik>
props可以在此處找到包含內(nèi)容的完整列表。

TA貢獻(xiàn)1813條經(jīng)驗(yàn) 獲得超2個(gè)贊
<Formik>可以提供一個(gè)子函數(shù),允許您訪問它的所有道具,包括當(dāng)前values-
<Formik>
{{ values } => (
<Form>
<label htmlFor={`price${props.id}`}>Price</label>
<Field
name={`price${props.id}`}
type="text"
/>
<ErrorMessage name={`price${props.id}`} />
<span>
// will show the current value, or you can do calculations
{values[`price${props.id}`]}
</span>
</Form>
)}
</Formik>
添加回答
舉報(bào)