正在读取DataContext对象的数据

Question

我的问题是关于我正在修改的这个NodeJS+ReactJS应用程序。我可以做一些修改，但由于我对React的了解有限，我无法做以下操作。以下是Gitub上的应用程序：https://github.com/nice-table/bitmex-scaled-orders

我在"src/modules/orders/OrderForm.js"文件中，试图访问"位置"数据(我想这是在"src\modules\data\DataProvider.js"中处理的(

如何从OrderForm文件访问"职位"数据？PositionsTable.js文件中呈现的相同数据。

Answer 1

根据代码，OrderForm组件使用UISettingsContext.Consumer，PositionsTable使用DataContext.Consumer，因此如果要将positions传递给OrderForm组件，则必须将这两个消费者组合起来，如下所示：

<UISettingsContext.Consumer>
{settingsData => (
<DataContext.Consumer>
{dataContext => (
<OrderForm
instrumentData={settingsData.getCurrentInstrumentData()}
currentInstrument={settingsData.currentInstrument}
positions={dataContext.getAllPositions()}
createOrders={createBulkOrders.doFetch}
/>
)}
</DataContext.Consumer>
)}
</UISettingsContext.Consumer>

当然，你必须修改OrderForm组件才能接受这样的positions道具：

function OrderForm({ positions, currentInstrument, instrumentData, createOrders }) {
...
}