Я хочу использовать модуль react-resolver чтобы использовать мои данные, но я не уверен, что я делаю неправильно.

На данный момент у меня следующая ситуация работает нормально

У меня есть мой объект данных:

 const data = [  {    team: "TeamA",    position: "dx",           active: "No",  },  {    team: "TeamB",    position: "dx",           active: "Yes",  },  {    team: "TeamC",    position: "sx",           active: "No",  },  {    team: "TeamD",    position: "dx",           active: "No",  },  {    team: "TeamE",    position: "dx",           active: "No",  } ] 

Я могу отобразить его и визуализировать этот объект данных в строках моего компонента таблицы, например, такие как rows={renderRows(data)}

Теперь я хочу использовать react-resolver , я создал папку Mock, я поместил свой объект данных.

Вот так это выглядит сейчас

 import { resolver } from "../../path/of/my/resolver"; export const newDataResolver = resolver({ const data = [  {    team: "TeamA",    position: "dx",           active: "No",  },  {    team: "TeamB",    position: "dx",           active: "Yes",  },  {    team: "TeamC",    position: "sx",           active: "No",  },  {    team: "TeamD",    position: "dx",           active: "No",  },  {    team: "TeamE",    position: "dx",           active: "No",  } ] }); 

Я импортирую его сейчас в моем компоненте, как это

 import { newDataResolver } from "../Mock" 

Как теперь я могу использовать мой объект newDataResolver в моем renderRows который импортирован из макета?

Это очень простой вопрос, но я борюсь. Я хотел бы сейчас сделать что-то вроде rows={renderRows(newDataResolver)}

Попробуйте использовать синтаксис декоратора:

 import { resolve } from "react-resolver"; const data=[...] @resolve("newData", function(props) { return data }) class SomeComponent extends React.Component { render() { const { newData } = this.props; return {amp}lt;SomeOtherComponent {renderRows(newData)} /{amp}gt; } } 

Это эквивалентно асинхронной загрузке newData и предоставлению его компоненту, как если бы он был предоставлен напрямую:

 {amp}lt;SomeComponent newData={newData} /{amp}gt; 

РЕДАКТИРОВАТЬ : для достижения того, что вы хотели:

 import { newDataResolver } from "../Mock" export default newDataResolver(SomeComponent)