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

Question

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

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

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

Answer 1

您可以使用 computed property name 来初始化对象，然后使用 JSX Spread Attributes将其转换为属性:

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