如何更改 antd Collapse 的觸發器

Question

antd默認的Collapse antd是點擊的，但是沒有提供 props 把它改成其他的，比如懸停。

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')
);