Reactjs 在条件呈现中包含函数&JSX

如何在React Native中有条件地呈现JSX和函数。我想有条件地隐藏和显示加载

return (
  state.isLoading ? showLoader(true) :
  showLoader(false)
  (
    <View>
      ...
    </View>
  )
)

---

您可以通过它实现：

渲染{ const{showLoader}=useContextLoaderContext； 回来 {this.state.isLoading？showLoadertrue:showLoaderfalse} }

---

您可以通过它实现：

渲染{ const{showLoader}=useContextLoaderContext； 回来 {this.state.isLoading？showLoadertrue:showLoaderfalse} }

---

您可以通过以下方式完成此任务：

return (
  <View>
    {state.isLoading ?
      showLoader(true) :
      <>
        {showLoader(false)}Insert Content Here
      </> 
    }
  </View>
)

---

您的问题不够清晰，如果您能提供更多信息，我可以给出更准确的答案。

您可以通过这样做来完成：

return (
  <View>
    {state.isLoading ?
      showLoader(true) :
      <>
        {showLoader(false)}Insert Content Here
      </> 
    }
  </View>
)

---

您的问题不够清晰，如果您能提供更多信息，我可以给出更准确的答案。

React中的条件呈现与JavaScript中的条件呈现工作方式相同。在这里，我们可以将其与if-else条件、if-isLoading为true状态进行比较。isLaoding？它将显示加载程序showLoadertrue，否则它将显示视图

return (
      state.isLoading ? showLoader(true) :
      (
        <View>
          ...
        </View>
      )
    )

---

React中的条件呈现的工作方式与JavaScript中的条件工作方式相同。在这里，我们可以将其与if-else条件、if-isLoading为true状态进行比较。isLaoding？它将显示加载程序showLoadertrue，否则它将显示视图

return (
      state.isLoading ? showLoader(true) :
      (
        <View>
          ...
        </View>
      )
    )