ReactJS - 在没有props的组件之间共享数据数组

Question

所以我正构建一个在几个组件中使用类似数据的简单应用程序。

把它全部置于状态并通过道具看起来很难看。所以我想，这可行：

data.js

  export var data = [

                       {
                          "id": 1,
                          "title": "Title1"
                        },
                        {
                          "id": 2,
                          "title": "Title2"
                        }
       ]

然后只在我使用以下数据的组件中导入它：

import * as data from './data.js';

......但它没有用。

我能不能拥有一个本地＆＃34;数据库＆＃34;像这样导入它？