Can I define an input's attributes based on object properties?

Question

Imagine I have the following object:

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

and I want to create the following input:

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

export default RangeInput;

Is it possible to somehow loop over the the key-value pairs of the object and apply them to the input as properties? This is inside a React component.