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

• Z时代
• 2024-01-10
• 分类：问答

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

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

在不改写JSX从JS编译为常规HTML的方式的情况下，是否有可能做到这一点？

回答：

您可以使用计算的属性名称初始化对象，然后使用JSX

Spread Attributes将其转换为attribute：

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

以上是 在JSX中拥有变量属性的最佳方法是什么？ 的全部内容， 来源链接： utcz.com/qa/408827.html