react-relative-portal是一个软件包,用于在组件外部创建html,从而忽略溢出属性。问题是,当我测试react组件时,要测试的部分不在已安装组件的范围之内。我不确定如何进行测试。
class MyComponent extends Component{
constructor(){
this.state={
showPotal: false
}
}
handleClick = () => {
this.setState((prevState) =>{
showPortal: !prevState.showPortal
})
}
render(){
<button onClick={this._handleClick}>show portal</button>
{this.state.showPortal && (
<RelativePortal component="div">
<Portal />
</RelativePortal>
)}
}
}
如您所见,由于<Portal />
在<RelativePortal />
内部,因此在组件外部进行渲染。我不确定如何在<Portal />
<MyComponent />