2017-09-06 14 views
0

テストプロジェクト用に、ある種の一時的な "データベース"を作成したいと思います。ReactJSでjavascript/jsonオブジェクトを実装する

これらのオブジェクトをReactアプリに保存する最良の方法と、さまざまなコンポーネントでアクセスする方法を教えてください。

入力を押すと関数が "データベース"を通過した後、検索バーが表示され、database.titleがユーザー入力と等しい場合、新しいdivがオブジェクトの詳細でレンダリングされますボタンがクリックされた後。

私は正しい方向に私を向けることに感謝します。

答えて

1

配列や何らかのデータを含むダミーデータファイルを作成し、テストするコンポーネントでインポートすることができます。

例:

// dummyData.js 
const dummyData = [ 
    { 
     title: 'this is a title', 
     type: 'book' 
    }, 
    { 
     title: 'this is another title', 
     type: 'movie' 
    }, 
    { 
     title: 'this is a foo', 
     type: 'bar' 
    } 
]; 
export default dummyData; 

// on your component 
import dummyData from '/path/to/your/dummyData.js'; 
+0

だから、のようなものでなければなりませんインポート後、私の次のステップ:I = 0のため \t(VARとデータベースを反復処理しますキー機能を入力してくださいクリックした後 を、私は< {database.length; i ++} { \t \t if({database.name} === {this.state.term})//検索語である用語 と一致するものがあれば、新しいdivをレンダリングしますデータベース項目 私は正しいですか? – BigPaws

+0

はい。複雑な繰り返しには、[lodash](https://lodash.com/)や[underscore](http://underscorejs.org/)のようなライブラリを使用できます。もちろん、このソリューションは、開発とテストの目的のみです。 – bennygenel

+0

さて、ありがとう、私はこのアイデアをしばらく再生します – BigPaws

関連する問題