Javascript 如何使用功能组件导出React图标？

我收到的错误：

/src/components/iconse.js尝试导入错误：“TiHome”未从“react icons/fa”导出。

iconse.js：

import { TiHome } from 'react-icons/fa';

const IconsOne = () => {
    return (
        <div className="homeIcon">
            <h3>
                <TiHome />
            </h3>
        </div>
    )
}

export default IconsOne

从'react icons/fa'导入{TiHome}；
常数IconsOne=（）=>{
返回(
)
}
导出默认图标

App.js

import './App.css';
import IconsOne from "./components/IconsOne";


function App() {
  return (
    <div className="App">
      <Router>
        <IconsOne />
      </Router>
    </div>
  );
}

export default App;

import'/App.css'；
从“/components/IconsOne”导入IconsOne；
函数App（）{
返回(
);
}
导出默认应用程序；

我试图建立一个导航栏，第一步是渲染一个主图标。我使用此页面为react:导入图标的文档，我尝试导入的图标名称为TiHome

图标的链接是：

---

谢谢。

问题在于

fa

，这不是打字员的路径，而是打字员的路径，因此，如果您想从打字员那里返回，那么根据react图标，您必须使用

ti

路径，因此：

import { TiHome } from 'react-icons/ti';

const IconsOne = () => {
    return (
        <div className="homeIcon">
            <h3>
                <TiHome />
            </h3>
        </div>
    )
}

export default IconsOne

从'react icons/ti'导入{TiHome}；
常数IconsOne=（）=>{
返回(
)
}
导出默认图标

问题在于

fa

，这不是打字员的路径，而是打字员的路径，因此，如果您想从打字员那里返回，那么根据react图标，您必须使用

ti

路径，因此：

import { TiHome } from 'react-icons/ti';

const IconsOne = () => {
    return (
        <div className="homeIcon">
            <h3>
                <TiHome />
            </h3>
        </div>
    )
}

export default IconsOne

从'react icons/ti'导入{TiHome}；
常数IconsOne=（）=>{
返回(
)
}
导出默认图标

图标真的被称为“TiHome”吗？因为它说特定的图标不是从字体集合导出的。@FireFighter是的，这里是链接：但是它可能是从“反应图标”而不是“反应图标/fa”导出的。@FireFighter好的，谢谢。我不知道从哪里找到答案，但这是有道理的。谢谢。这个图标真的叫“TiHome”吗？因为它说特定的图标不是从字体集合导出的。@FireFighter是的，这里是链接：但是它可能是从“反应图标”而不是“反应图标/fa”导出的。@FireFighter好的，谢谢。我不知道从哪里找到答案，但这是有道理的。非常感谢。