홈>
저는 반응이 처음입니다. 여기에
reactstrap
라는 라이브러리를 사용하고 있습니다.
, 어디에서
import React from 'react';
import { Button, Popover, PopoverHeader, PopoverBody } from 'reactstrap';
export default class Example extends React.Component {
constructor(props) {
super(props);
this.toggle = this.toggle.bind(this);
this.state = {
popoverOpen: false
};
}
toggle() {
this.setState({
popoverOpen: !this.state.popoverOpen
});
}
render() {
return (
<div>
<Button id="Popover1" type="button">
Launch Popover
</Button>
<Popover placement="bottom" isOpen={this.state.popoverOpen} target="Popover1" toggle={this.toggle}>
<PopoverHeader>Popover Title</PopoverHeader>
<PopoverBody>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</PopoverBody>
</Popover>
</div>
);
}
}
지금, 내가 시도하는 것은 사용자
hover
입니다.
그 버튼 자체에서 사용자만이
popover
를 볼 수 있어야합니다.
. 호버 자체에서 이것을 사용할 수있는 방법이 있습니까?
-
답변 # 1
관련 질문
- javascript - 반응 함수 구성 요소의 끝에서 값을 반환 할 것으로 예상되는 linter를 수정하는 방법은 무엇입니까?
- javascript - 컴포넌트가 렌더링되기 전에 한 번만 Hook 호출 (Meteor/React/Apollo/Graphql)
- javascript - react native 오류 실패한 소품 유형 - `오버레이`에 제공된`배열`유형의 잘못된 소품`하위`,
- javascript - react-redux - 시도 된 가져 오기 오류 : '/components/score'에 기본 내보내기가 포함되어 있지 않습니다 ( 'score'로 가져옴)
- javascript - 콜백 내에서 React Hook "useState"를 호출 할 수 없습니다
- javascript - SVG 요소의 너비와 높이를 제어하는 방법
- javascript - 반응에서 목록 그룹 항목의 스타일을 전환하기 위해 div 대상에 액세스하는 방법은 무엇입니까?
- reactjs - 상태에서 매핑 된 목록 항목 순환 (javascript)
- javascript - enoent - react-native 프로젝트에서 react-navigation을 설치할 때 그러한 파일이나 디렉토리가 없습니다
- javascript - video-react - handlestatechange는 한 번만 호출되어야 할 때 여러 번 호출됩니다
onMouseEnter
를 사용할 수 있습니다 그리고onMouseLeave
이를 위해기능은
데모