問題タブ [conditional-rendering]

次のようなネストされた ul タグを持つカードをレンダリングするコンポーネントを作成するという目的があります。この ようなデータから、親コンポーネントからの小道具と共に渡されます。

そのために、ネストされた ul が始まる行の末尾にマーカーを設定します。たとえば、ネストされた ul を開く必要がある場合は「:」、「。ネストされた ul を閉じる必要があるとき。しかし、このコードを機能させるには、開いたタグをレンダリングする必要がありますが、閉じたタグはレンダリングしません。

私は締め切りが迫っており、現在、私は文字通りプロジェクトの最後の部分で立ち往生しています - これ。

プロジェクト内のすべてのインライン css を削除する任務を負っています。sass を使用した React プロジェクトです。すべてのインライン css を削除し、これ以外の別の「styles」ディレクトリに配置することができました。私は上司に、それは最小限でコードが読みやすくなるのでそのままにしておくことができると言いましたが、彼はそれを削除してスタイルディレクトリに別のファイルを入れることを主張しました.
これを行うにはどうすればよいでしょうか？ありとあらゆる助けをいただければ幸いです。

****これがコードです**** (これはコンポーネント ファイルのスニペットです)

こんにちは、私がやりたいのは、以前に反応して行った単純な条件付きレンダリングですが、preactでは実行できないようです。

下部にあるように、showEntryDetails で if を使用しようとしていますが、ここで「Expression Expected」というエラーが表示されます。これは typescript エラーだと思いますが、if を使用できない理由がわかりません。理由を説明できる人は誰ですか?私がやりたいことを行う方法があるかどうか

編集 1 (初期): setState() コールバックが期待どおりに機能していないようです。例えば：

falseでログアウトすると予想される場合、「true」でログアウトします。

編集 2: ドロップダウン リクエストの処理方法に問題があり、それが問題の大部分を引き起こしている可能性があると思います。ディリープのソリューションが機能するはずなので、これを解決済みとしてマークします。数時間後に結果を更新します。

編集 3(最終): 複数のケースをトリガーして状態をリセットする switch() ステートメントを使用していました。

問題が何であるかを理解していると思いますが、それを解決する方法が完全にはわかりません。

Amchart の create("elementID", chartType) 関数で要素にアクセスできるようになる前に、要素を条件付きでレンダリングしたいと考えています。次の関数を呼び出して、ドロップダウンでレンダリングしたいと考えています。

そして、barChartDiv は次のように表示されます。

ドロップダウンを選択すると、棒グラフが false であり、次のエラーの後に true であると表示されます。

setState() はすぐに更新されないことが多いためです。setState() コールバック関数に loadBarChart() コードを含めることでこれを回避しようとしましたが、以前と同じエラーが発生します。したがって、am4core.create() は要素がレンダリングされる前に ID「barChartDiv」を持つ要素を探しているため、html コンテナーが見つからないというエラーが発生することがほぼ確実です。

css を使用する以外に、これに対処する最善の方法は何ですか?