홈>
저는 반응이 처음입니다. 여기에
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 : React JS: 객체 요소를 문자열로 연결할 때 [객체 객체] 가져오기
- javascript : EXPO EAS BUILD "HTTP 오류: 응답 code 400(잘못된 요청)"
- javascript : 데이터에 키가 있는지 확인하는 방법 [중복]
- javascript : React 최대 업데이트 깊이 초과 경고
- javascript : 반응 네이티브를 사용하여 웹 사이트로 리디렉션하는 버튼, 누를 수 있거나 터치 가능한 불투명도를 만드는 방법
- javascript : 잡히지 않은 오류: 모듈 빌드 실패(./node_modules/babel-loader/lib/index.js에서)
- javascript : 다시 차트가 있는 X축에 버튼 표시
- javascript : 프로그래밍 방식으로 Figma 플러그인에 포커스 설정
- javascript : 반응 제품에 대한 설명 표시
- javascript : React JS에서 map 메소드를 사용하여 배열 데이터를 인쇄하는 방법은 무엇입니까?
onMouseEnter
를 사용할 수 있습니다 그리고onMouseLeave
이를 위해기능은
데모