对象如何在React.js中作为输入属性工作？

Question

在这里输入图像描述

我知道这没什么问题但是..。

我不明白的是，如果我把一个对象作为一个支柱传递给一个组件(这是它的子组件)，并使用spread操作符提取它在字段中的属性，那么它是如何工作的呢？这些属性如何成为输入标记的属性？向输入中添加HTML属性 将对象作为属性添加到输入元素中

此外，如果我自己做这件事，它会显示一个错误将输入标记的属性添加为对象。

Answer 1

我想你可以这样用

​

const Input = ({label,id,input}) => {
    return (
        <div className={styles.input}>
            <label htmlFor={id} className={styles.label}>{label}</label>
            <input {...input}/>
        </div>
    )
}
const MealItemForm = ({id})=>{
    return (
        <form>
            <Input label="Amount" id={`amount_${id}`} input={{
                type:"number",
                min:"1",
                ...
            }}/>
        </form>
    )
}

​