問題タブ [react-slick]

私は自分のプロジェクトでこの例に従おうとしていますが、機能させることができませんでしたhttps://react-slick.neostack.com/docs/example/as-nav-for 理由は次のとおりだと思います:

1. それらを同期するには、両方のオブジェクトへの参照が必要です
2. componentDidMount() で設定された状態と同期されると思われます
3. 状態が設定されている場合、参照は未定義です

componentDidMount() の前に ref コールバックを実行することが想定されていると思いましたが、そうではありません。

私のコードのビット:

これらはログです：

類似の質問: componentDidMount が ref コールバックの前に呼び出されました

これらの React-Slick スライダー コンポーネントを同じ高さにするのに問題があります。どちらもレスポンシブ div であり、ページ サイズの変更に応じてサイズが変更されますが、左側の div を右側の div と同じ高さにすることが理想的です。

以下のコード スニペットで SimpleSlider を定義しました。

そして、私の SliderComponent はそのように定義されています

誰でもこれで私を助けることができますか？それは可能であり、圧倒的に難しいことではないように感じますが、私には理解できません。

このプラグインhttps://github.com/akiran/react-slickを画像スライダーに使用していますが、何らかの理由で私が望むものを達成できません。

サンプルコードは次のとおりです。

画像ファイル名がabstract01、abstract02のようなものでない限り、これは完全に正常に機能します。私の場合、画像ファイル名はランダムで何でもかまいません。したがって、サムネイル部分は機能しません。src attr を受け取り、そこからファイル名を取得できるように、 customPagingに他の引数を渡すことができるオプションはありますか。

ここでどんなアイデアでも大歓迎です。注: 私の場合の画像は amazon s3 からのものであるため、私はそれらをまったく制御できません!