如何从其他文件调用/访问 React.FC - Typescript

【问题标题】：How to call/access React.FC from other file - Typescript如何从其他文件调用/访问 React.FC - Typescript
【发布时间】：2021-07-21 13:12:12
【问题描述】：

代码-

const Exne: React.FC <IProps> = ({x}) => 
    {
    console.log('input', x);    
    const [getx, assignx] = useState(x);
    console.log(getx, assignx);
    return(getx)
    };

在这段代码中，如何从其他文件访问或调用Exne？

谢谢

【问题讨论】：

这能回答你的问题吗？ Exporting functions with reactjs and babel

标签： reactjs typescript

【解决方案1】：

您可以导出 const 并将其导入到您要使用的另一个文件中。

在file.ts:

export const Exne: React.FC <IProps> = ({x}) => {
    console.log('input', x);    
    const [getx, assignx] = useState(x);
    console.log(getx, assignx);
    return(getx)
};

在another.ts:

import { Exne } from './file';

// and you can use Exne as you are in file.ts

【讨论】：