問題タブ [react-class-based-component]

Reactにいくつか問題があります。クラスの形式でコンポーネント ライブラリを作成したいと考えています (私は Java の世界から来ており、OOP の方が読みやすいと思います)。

そのために、すべてのコンポーネントが継承される基本クラスを作成しました。

次に、たとえばアラートを表示するための基本的なコンポーネントがあります。

私は自分のライブラリを rollupjs で構築しましたが、それはストーリーブックを介してうまく機能します。

次に、以前に「create-react-app」を介して作成した React アプリケーションの npm 依存関係と、typescript テンプレートを使用してライブラリを関連付けたいと考えています。App.tsx でコンポーネントを呼び出すと、コンポーネントで何も使用していないときに「Invalid hook call」というエラー メッセージが表示されます。

単純な div を使用すると、App.tsx は正常に動作します。

私の問題がどこから来ているのかわかりません。フックは使いません。クラスベースのコンポーネントでは禁止されていることを知っています。情報については、私のアプリケーションの反応のバージョンは良いようです:

• 反応 @ 16.13.1
• 反応-dom@16.13.1

誰かがアイデアを持っている場合は？ありがとうございました

console.log がコンストラクターとレンダリング関数で値を 2 回出力するのはなぜですか?

ここにあります：

indexa.js で React コンテキストを宣言し、App.js で設定されたコンテキスト値に Employee.js でアクセスしようとしています。しかし、それは私がReactに慣れていない価値をレンダリングしていません。私を助けてください。前もって感謝します

//index.js

//App.js