android - React Native - 无法在 之间调用函数

Question

我是 React Native 新手。

我想调用一个函数来格式化值的千位分隔符。这是我的代码:

构造函数:

 this.state = {
            myValue: 10000000000,
 } 

渲染:

<Text> {Util.formatValueWithThousandSeparator(this.state.myValue)}</Text>

实用程序:

formatValueWithThousandSeparator: async(plainValue) => {
        let formatFloat = parseFloat(plainValue);
        formatFloat = Math.floor(formatFloat);
        let formatted = 0;

        if (Platform.OS === 'ios'){
            formatted = await formatFloat.toLocaleString('en-US', {minimumFractionDigits: 0});
        } else {
            formatted = await formatFloat.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
        }

        return formatted;
    }

错误消息:

Invariant violation: Object are not valid as react child (found: object with keys). If you meant to render a collection of children, use an array instead.

我的问题:

How to best solution to achieve what i do? (format thousand separator before it show up)

Answer 1

我会删除我认为在这种情况下毫无用处的 async - wait 内容。您使用的方法是同步的。

我不太确定，但我认为这是因为 React 尝试在解决之前呈现一个 promise 。