What is the best way to have variable attributes in JSX?

Question

Hopefully my question is clear, I\'m mainly looking for a way to dynamically attach attributes to a JSX input.

Answer 1

You can initialize an object with a computed property name, and then use JSX Spread Attributes to convert it to attribute:

const DemoComponent = ({ variablePropName, variablePropValue }) => { 
    const variableAttribute = { [variablePropName]: variablePropValue };
    return (
        
    );
};