如何在.net Core2.2 react-redux项目中包含字体awesome

npm install --save @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

yarn add @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome

// src/fontAwesome.js

import { library } from '@fortawesome/fontawesome-svg-core';
import { fas } from '@fortawesome/free-solid-svg-icons';

library.add(fas);

// src/index.js 或 src/App.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './fontAwesome'; // 导入 Font Awesome 配置

ReactDOM.render(<App />, document.getElementById('root'));

// src/components/MyComponent.js

import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCoffee } from '@fortawesome/free-solid-svg-icons';

const MyComponent = () => {
  return (
    <div>
      <h1>Welcome to My App</h1>
      <FontAwesomeIcon icon={faCoffee} />
    </div>
  );
};

export default MyComponent;

// src/containers/MyContainer.js

import React from 'react';
import { connect } from 'react-redux';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCoffee } from '@fortawesome/free-solid-svg-icons';

const MyContainer = (props) => {
  return (
    <div>
      <h1>Welcome to My App</h1>
      <FontAwesomeIcon icon={faCoffee} />
    </div>
  );
};

const mapStateToProps = (state) => ({
  // 你的 state 映射
});

const mapDispatchToProps = (dispatch) => ({
  // 你的 dispatch 映射
});

export default connect(mapStateToProps, mapDispatchToProps)(MyContainer);

dotnet run

npm start