如何更改antd崩溃的触发

Question

点击了antd中Collapse的默认触发器，但是没有提供将其更改为其他内容的道具，例如悬停。

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