javascript - 我可以根据对象属性定义输入的属性吗？

Question

想象一下，我有以下对象：

inputAttributes: {
    type: "range",
    name: "range",
    min: 0,
    max: 100,
}

我想创建以下输入：

const RangeInput = (props) => {
    return (
        <input
            type="range"
            name="range"
            min="0"
            max="100"
        />
    );
};

export default RangeInput;

是否有可能以某种方式循环对象的键值对并将它们作为属性应用于输入？这是在 React 组件内部。

标签： javascriptreactjs