React 组件 pros 传参为什么会丢失 value 属性？

Question

现在想要传递一个初始化的表单数据到 useState 里而且表单里的字段是通过接口出来的，但现在根据文档参数被 {} 限制了，想问下额外的参数要怎么传递？<FormProvider>

 {form.item.map((item: Item, key: number) => (
    <Form.Item
        key={key}
        label={item.name}
        <Item {...item}/>
    </Form.Item>
))}

interface Item {
    name: string,
    column: string,
    value: any,
    container?: string,
    Attrs: Attr,
}

const Item: React.FC<Item> = ( props: Item ) => {

    console.log(props)

    switch (props.container) {
        case 'input':
            return <Design_Input {...props} />
    }

}

可以看到接口中是有 value 的但是到了组件里就没了？这是什么奇怪的问题？

Answer 1

问题解决了：我用的是 antd-mobile 的 Form 组件，表单控件的值必须通过 Form.Item 的 initialValue 来传递，否则想我传递过去也是 undefined

 <Form.Item
    key={key}
    label={item.name}
    name={item.column}
    initialValue={item.value !== null ? item.value : ""}
    <Item {...item}/>
</Form.Item>

Answer 2

你可以试试把value显式的传进去

 {form.item.map((item: Item, key: number) => (
    <Form.Item
        key={key}
        label={item.name}
        value={item.value}
        <Item {...item}/>
    </Form.Item>
))}