javascript - 如何更改antd的触发

Question

Collapsein的默认触发器antd是点击的，但是没有提供任何 props 可以将其更改为其他，例如 hover。

标签： javascriptreactjsantd

Answer 1

您可以使用:hover(CSS) 或mouseenter事件来获得任何所需的行为：

const Hover = styled(Panel)`
  :hover {
    background-color: palevioletred;
  }
`;

const Text = () => (
  <div onMouseEnter={() => console.log('On Mouse Hover')}>This is Header</div>
);

ReactDOM.render(
  <Collapse onChange={callback}>
    <Hover header={<Text />} key="1">
      <p>{text}</p>
    </Hover>
  </Collapse>,
  document.getElementById('container')
);