ReactNativeの条件に基づいて要素をレンダリングします

splunk

React Nativeの条件に基づいて要素をレンダリングするにはどうすればよいですか?

これは私が試した方法です:

render() {  
  return (
      <Text>amount is: {this.state.amount}</Text> // it correctly prints amount value
      </Button>
         {this.state.amount} >= 85 ? <button>FIRST</button> :   <button>SECOND</button>
      <Text>some text</Text>
  );
}

ただし、次のエラーメッセージが表示されます。

Expected a component class, got [object Object]
Tholle

あなたはあなたの置き忘れました}

render() {  
  return (
      <Text>amount is: {this.state.amount}</Text>
      {this.state.amount >= 85 ? <button>FIRST</button> : <button>SECOND</button>}
      <Text>some text</Text>
  );
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Node.js:条件に基づいてマングース要素をレンダリングします

GridMvcはif条件に基づいて列をレンダリングします

JSONからのキー値に基づいて要素をレンダリングします

RazorPagesのルートに基づいて条件付きでhtmlをレンダリングします

条件に基づいてクラスを追加します(v-forで最後にレンダリングされた要素の場合)

VuetifyTable-条件に基づいて列の値をレンダリングする

React:URLに基づいて子配列から繰り返し要素をレンダリングします

渡されたプロパティ「要素」に基づいてSVGをレンダリングします

Silverstripeブログは条件に基づいてテンプレートにレンダリングします

適切な要素属性を使用して、特定の小道具に基づいて要素をレンダリングします

React Native:モーダルでの状態値の変更に基づいて条件付きコンポーネントをレンダリングします

複合コンポーネントの動的リストに基づいて複数の<option>要素をレンダリングします

特定の月の値に基づいて、別の列を条件としてパンダのデータフレームをフィルタリングします

特定の月の値に基づいて、別の列を条件としてパンダのデータフレームをフィルタリングします

特定のページに基づいて、Gatsbyでコンポーネントを条件付きでどのようにレンダリングしますか?

React-reactに基づいて特定のdivをレンダリングします-selectedOptionを選択します

条件に基づいてパンダgroupbyのグループを省略します

URLに基づいて特定の反応コンポーネントをレンダリングします

条件に基づいてパンダの列名を抽出します

いくつかの条件に基づいて2つのレベル要素を動的にレンダリングする方法

条件に基づいてパンダのデータフレームをグループ化しますか?

reactを使用して条件に基づいて反復コードをレンダリングする方法は?

reactとtypescriptを使用して条件に基づいてjsxをレンダリングする方法は?

時間条件に基づいてcumsumを行う方法-パンダをリサンプリングしますか?

ID に基づいて配列固有のボタンの要素 onClick をレンダリングする方法

関数型コンポーネントのデータに基づいて要素を条件付きでレンダリングする

条件に基づいてパンダデータフレームの最後の行をトリミングします

パンダは最初のn行の条件に基づいてデータフレームをフィルタリングします

useEffectのprevStateに基づいて条件付きで状態を設定すると、指数関数的な再レンダリングが発生します

TOP 一覧

  1. 1

    Unity:未知のスクリプトをGameObject(カスタムエディター)に動的にアタッチする方法

  2. 2

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  3. 3

    Ansibleで複数行のシェルスクリプトを実行する方法

  4. 4

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  5. 5

    Crashlytics:コンパイラー生成とはどういう意味ですか?

  6. 6

    GoDaddyでのCKEditorとKCfinderの画像プレビュー

  7. 7

    Windows 10 Pro 1709を1803、1809、または1903に更新しますか?

  8. 8

    Chromeウェブアプリのウェブビューの高さの問題

  9. 9

    モーダルダイアログを自動的に閉じる-サーバーコードが完了したら、Googleスプレッドシートのダイアログを閉じます

  10. 10

    Windows 10の起動時間:以前は20秒でしたが、現在は6〜8倍になっています

  11. 11

    Reactでclsxを使用する方法

  12. 12

    ファイル内の2つのマーカー間のテキストを、別のファイルのテキストのセクションに置き換えるにはどうすればよいですか?

  13. 13

    MLでのデータ前処理の背後にある直感

  14. 14

    グラフからテーブルに条件付き書式を適用するにはどうすればよいですか?

  15. 15

    Pythonを使用して同じ列の同じ値の間の時差を取得する方法

  16. 16

    mutate_allとifelseを組み合わせるにはどうすればよいですか

  17. 17

    ネットワークグラフで、ネットワークコンポーネントにカーソルを合わせたときに、それらを強調表示するにはどうすればよいですか?

  18. 18

    テキストフィールドの値に基づいて UIslider を移動します

  19. 19

    BLOBストレージからデータを読み取り、Azure関数アプリを使用してデータにアクセスする方法

  20. 20

    PowerShellの分割ファイルへのヘッダーの追加

  21. 21

    ソートされた検索、ターゲット値未満の数をカウント

ホットタグ

アーカイブ