更新组件的状态以反映鼠标是否在组件内部,然后使用状态值有条件地呈现按钮。
getInitialState() { return { isMouseInside: false };}mouseEnter = () => { this.setState({ isMouseInside: true });}mouseLeave = () => { this.setState({ isMouseInside: false });}render() { return ( <div onMouseEnter={this.mouseEnter} onMouseLeave={this.mouseLeave}> {this.state.isMouseInside ? <button>Your Button</button> : null} </div> );}在渲染函数内部,
?如果
this.state.isMouseInside情况确实如此,我们使用条件运算符()返回按钮组件。



