在 JSX 中拥有变量属性的最佳方式是什么？

希望我的问题很清楚，我主要是在寻找一种将属性动态附加到 JSX 输入的方法。

<input type="text" {variableAttribute}={anotherVariable} />

在不覆盖 JSX 从 JS 编译为常规 HTML 的方式的情况下，这样的事情是否可能？

您可以使用以下方式初始化对象计算属性名称 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Object_initializer#Computed_property_names，然后使用JSX 传播属性 https://facebook.github.io/react/docs/jsx-spread.html将其转换为属性：

const DemoComponent = ({ variablePropName, variablePropValue }) => { 
    const variableAttribute = { [variablePropName]: variablePropValue };
    return (
        <input type="text" { ...variableAttribute } />
    );
};