在 React Native 渲染中使用函数答案

【问题标题】：Using functions in react native render在 React Native 渲染中使用函数
【发布时间】：2023-01-04 22:29:50
【问题描述】：

我有 2 个函数，分别称为 isTrue 和 isFalse。

export function isTrue(param) {
  return param === true;
};

export function isFalse(param) {
  return param === false;
};

我在 React Native 中有几个按钮，它们从禁用状态更改为 true 或 false。我可以这样做：

<Button
  text="This is a button"
  onPress={handlePress}
  isDisabled={var === true}
/>

但现在我正在使用这样的功能：

<Button
  text="This is a button"
  onPress={handlePress}
  isDisabled={isTrue(var)}
/>

将 console.log 添加到“isTrue”函数时，我看到它被调用了很多次（每次重新渲染）。

这对性能不利吗？我没有看到任何性能问题，但它是一个简单的应用程序（目前），而且我认为此函数中的计算并不困难。

我打算添加更多功能，如isNull、isNotNull。它仅供我自己使用，var === null 的工作方式类似于 isNull(var)，但对我而言它更易于阅读。如果可能存在任何性能问题，我会再次切换回来。

【问题讨论】：

【解决方案1】：

你应该像这样使用它。

<Button
text="This is a button"
onPress={handlePress}
isDisabled={()=>isTrue(var)}
>

【讨论】：