我有一个 React 组件,children如果 propisTrue是 true-y,它会返回由 React 渲染的组件。如果其 propisTrue为 false-y,则组件返回null,并且 React 不会渲染任何内容。
我需要将它作为一个组件进行测试,安装它,传递 prop,并测试当 prop 为 true-y 时它的子级是否被渲染,或者当prop 为 false-yisTrue时我们得到渲染。nullisTrue
这是我的组件:
const RenderIf = ({ isTrue, children }) => {
if (isTrue) {
return children;
}
return null;
}
export default RenderIf
Run Code Online (Sandbox Code Playgroud)