首页 > 解决方案 > 将 if 语句直接放在 React 组件中

问题描述

将 if 语句直接放在 React 组件中是不好的做法:

const SomeComponent = props => { if (something) {} return (); }

?

因为我熟悉:

const SomeComponent = props => { someHandler() { if (something) {} } return (); }

if 语句位于某个函数(如处理程序)中。

可以直接在组件中放置 if 语句吗?

谢谢。

标签: reactjs

解决方案


这没有任何问题,没有性能影响,没有错误。一个(函数式)React 组件基本上是一个函数,所以你可以自由地在其中编写一些逻辑。


推荐阅读