javascript - React Native：功能组件中的getter函数？

Question

我是 React/React Native 的新手，在将函数的值返回到我的模板时遇到问题。My Component 是一个函数式组件，它接收一个名为item. 经过简单的计算后，我从该项目中检索了一个值，但是对于我尝试在模板中返回值的每种方式，我都会遇到不同的错误。

最后我尝试的是：

getMaxPercent() 
{
  let max = _.maxBy(props.item.discounts, function(discount) {
    return discount.sale;
  });
  return max;
}

在这样的模板中：

<Text style={{ fontSize:17, color:'white', fontWeight:'bold' }}>
  { getMaxPercent() }% Off
</Text>

我也试过：

const getMaxPercent = () => {}

来自 vue 背景的反应看起来很……冗长。是否有等效于计算属性的反应？

标签： javascriptreactjsnative

Answer 1

尝试这个，

function getMaxPercent() 
    {
        let max = _.maxBy(props.item.discounts, function(discount) {
            return discount.sale;
        });
        return max.sale;
    }

参考 - https://www.geeksforgeeks.org/lodash-_-maxby-method/