代码之家  ›  专栏  ›  技术社区  ›  handsome

如果使用react组件,是否可以使用内联?

  •  1
  • handsome  · 技术社区  · 4 年前

    我最近才知道这件事。(它叫什么名字?)

    condition && console.log("hello")
    

    我如何将其与组件一起使用?喜欢

    condition && <MyComponent />
    

    就是这样。谢谢!

    1 回复  |  直到 4 年前
        1
  •  5
  •   ezio4df    4 年前

    你可以在这样的组件上使用它,

    {condition && <MyComponent />}
    

    请参阅 https://reactjs.org/docs/react-component.html#render 这条线在 类型

    布尔值 无效的 。什么也不渲染。(主要用于支持返回测试和模式,其中测试是布尔值。)

        2
  •  2
  •   Nicolas Acosta    4 年前

    内联只能用于真实条件:

    {condition && <MyComponent />}
    

    对于真条件和假条件:

    {condition ? <MyComponent /> : <MyFalseComponent />}