問題タブ [react-props]

ロサンゼルスの 8 日間の天気予報を表示するアプリの作成に成功しました。次のタスクは、API リクエストの経度と緯度を変更することです。これを行うために、ユーザーが経度/緯度を入力できる 2 つの入力フィールドを作成し、それをフォーマットして、API リクエストに追加するプロップとして渡します。

メインはおそらく、状態が未定義であり、小道具を渡していないようです。また、フィールドに入力すると、次の警告が表示されます。

コンソール エラーが表示される

コンポーネントは、タイプ テキストの制御された入力を非制御に変更しています。入力要素は、制御されたものから制御されていないもの (またはその逆) に切り替えるべきではありません。コンポーネントの寿命の間、制御された入力要素を使用するか、制御されていない入力要素を使用するかを決定します。

weatherView.js:

weatherCard.js:

React でこれほど大きなことをするのは初めてなので、どんな助けでも大歓迎です。

こんにちは、ご協力ありがとうございます。ルートがロードされたコンポーネントに小道具を渡す際に問題があります。パス URL に関するページをロードするラッパー コンポーネントを含むルート ファイルがあります。ラッパー コンポーネント (レイアウト) で、子コンポーネントにいくつかの小道具を渡したいと思います。しかし、子コンポーネントが this.props.children で呼び出されるため、小道具を渡す方法がわかりません。私は多くのことを試しましたが、何もうまくいきませんでした。

次のrotesファイルがあります。

レイアウトには次のものがあります。

{this.props.children} で、コンポーネントはページ コンポーネントの検索、キュー、および概要をロードしていますが、コールバック プロパティを検索およびキュー コンポーネントに追加したいと考えています。

私のラッパーレイアウトコンポーネントでは、次のことを達成したいと考えています:

「react」から React をインポートします。