在React中哪里定义helper函数?

创建一个utils模块,添加一个文件并把这些东西粘在里面。然后在需要的地方从中导入模块或所需的函数。

src/utils/index.js

export function percentageWithCommas(x?) {
    try {
        return (x * 100).toLocaleString("en-UK", { maximumFractionDigits: 1 }) + '%';
    } catch (e) {
        return (x * 100).toFixed(2) + '%';
    }
}

src/组件/组件a.js

import { percentageWithCommas } from '../utils';

export default ComponentA = props => {
    const formattedPercent = percentageWithCommas(0.05);    // '5%'
    ...
}