Question

我曾经有过这个并且工作正常：

<div className="right mr3 relative center" style={{ marginTop: -300, zIndex: 2 }}>

现在我需要将整个类和内联样式作为道具传递，

tooltipClassName={"right mr3 relative center" style={{ marginTop: -300, zIndex: 2 }}}

然后像这样<div className={tooltipClassName}>

调用该类

也许我需要使用字符串插值或传递另一个道具作为样式，但我不知道。

Answer 1

Class＆amp; style是不同的HTML属性，因此字符串插值在这里不会真正起作用。一种选择：

<SomeComponent tooltipClasses={'right mr3 relative center'} tooltipStyles={{ marginTop: -300, zIndex: 2 }} />

// inside of SomeComponent render:
<div className={this.props.tooltipClasses} style={this.props.tooltipStyles}>

或者，您可以使用z-index和margin值编写自己的类，并将该类添加到数组

React - 如何将clases和inline样式作为道具传递给

1 个答案: