意外的令牌将样式对象传递到组件中

Question

我使用这个组件 rc-tooltip，它有一个选项来覆盖 stlye，因此我这样做

https://www.npmjs.com/package/rc-tooltip

<Tooltip 
        trigger={['click']}
        placement={'left'}
        overlayStyle={style={{maxHeight:'250px'}}}
/Tooltip >

但是它不起作用，有什么线索吗？

Answer 1

这不是 JSX 中的有效语法：

overlayStyle={style={{maxHeight:'250px'}}}

在大括号之间，您必须传递 JavaScript 表达式，在您的情况下，您需要传递 style 对象：

overlayStyle={{maxHeight:'250px'}}

此外，当您传递简单字符串时，您不需要它用大括号包装它，传递字符串是 enaugh 的。完整的示例如下所示：

<Tooltip 
  trigger={['click']}
  placement="left"
  overlayStyle={{maxHeight:'250px'}}
/>