Reactプロジェクトで要素を使用する方法

Reactプロジェクトで要素を使用する方法

React プロジェクトで要素フレームワークを使用するのは今回が初めてです。非常に単純な問題に遭遇しましたが、解決するのに長い時間がかかりました。その記録としてブログを書きました。

1. インストール:

プロジェクトディレクトリにダウンロードします:

npm i 要素-反応 --save
npm をインストールします。要素テーマのデフォルト --save

ここに画像の説明を挿入

注: Elementの公式サイトのクイックスタートガイドでこれについて言及されています

2. グローバル参照

プロジェクトの下にあるindex.jsにグローバルインポートする

ここに画像の説明を挿入

3. プロジェクトに必要な要素コンポーネントを参照する

エラーを報告する可能性があります

ここに画像の説明を挿入

解決策: プロジェクト内の依存関係をダウンロードします。npm install react-hot-loader@next --save

4. コンポーネントを導入してもエラーが発生する可能性がある

例えば、私は回転灯を次のように紹介しました

ここに画像の説明を挿入

上記のエラーが報告された場合、解決策はカルーセルを導入することです。

ここに画像の説明を挿入

他のコンポーネントが参照され、エラーが報告された場合、解決策は上記のとおりです。

React プロジェクトで Element を使用する方法についての記事はこれで終わりです。React プロジェクトで Element を使用する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • React.cloneElement の使い方の詳しい説明

<<:  MySQL公式エクスポートツールmysqlpumpの使用

>>:  WebpackはCSSファイルを読み込み、その設定方法

推薦する

重複したMySQLレコードを現場でチェックし、処理する実践的な記録

目次序文分析するデータ合計繰り返し率どこにあるかと持っているかの違い要約する序文私はソフトウェアの導...

mysql8.0.19 の基本データ型の詳細な説明

MySQL 基本データ型一般的な MySQL データ型の概要 ![1036857-201708011...

And キーワードを使用した MySQL の複数条件クエリ ステートメント

AND キーワードを使用した MySQL 複数条件クエリ。MySQL では、AND キーワードを使用...

HTML でのアンカーポイントの適用

アンカーポイントの設定<a name="トップ"></a>...

CentOS 7 に mysql5.7 の解凍バージョンをインストールするチュートリアル

1. mysqlの圧縮パッケージを/usr/localフォルダに解凍し、名前をmysqlに変更します...

jsはタイトルと説明のキーワードを検出し、見つかった場合は置換するか他のページにジャンプします。

キーワード 一般タイトルには、クラック、キー、シリアル番号、キージェネレータなどの単語を含めることは...

vite2.0 設定学習の詳しい説明(typescript 版)

導入悠宇希の原文です。 vite は Vue CLI に似ています。vite も、基本的なプロジェク...

jsイベント委譲の詳細な説明

1. 各関数はオブジェクトであり、メモリを占有します。メモリ内のオブジェクトが増えるほど、パフォーマ...

MySQL 5.7.17 最新インストールチュートリアル(画像とテキスト付き)

mysql-5.7.17-winx64 は MySQL の最新バージョンです。インストールは無料で...

VUEは登録とログインの効果を実現します

この記事の例では、登録とログインの効果を実現するためのVUEの具体的なコードを紹介します。具体的な内...

Docker を使用した Laravel アプリケーションのデプロイ例

この記事で使用されているPHPベースイメージはphp:7.3-apacheです。この記事の Lara...

Linux環境でのshadowsocks+polipoグローバルプロキシの設定

1. シャドウソックスをインストールするsudo apt-get install python-pi...

docker compose helloworld を使い始めるための詳細なプロセス

前提条件Compose は、Docker コンテナをオーケストレーションするためのツールです。Doc...

ウェブページの画像の回転を実現するjs

この記事では、Webページの画像の回転を実現するためのjsの具体的なコードを参考までに共有します。具...

Virtualbox に Centos7 仮想マシンをインストールする詳細なグラフィック チュートリアル

1. Centos7をダウンロードするダウンロードアドレス: https://mirrors.tun...