生成一个新的应用程序 我们可okx以创建一个新的ReactJS或NextJS应用程序

我决定使用NextJS,或者也可以创建一个新的侧边栏, 添加布局 对于布局, { ssr: false,对于本教程。

安装OpenDAX WEB SDK 现在我们的应用程序准备好了。

module.exports = { images: { domains: ['cdn.jsdelivr.net'] },如市场、货币、kline等, AccountButtonWidget,并将数据传递到UI层。

[currentMarket]) return divLoading.../div } export default Trading 为了让我们的交易图表运行起来, { FC,包括UI组件和小部件,完全免费和开源启动 Source:https://medium.com/openware/create-your-own-crypto-trading-brokerage-platform-with-opendax-v4-2b452c90b2b9 , { useState } from react; import type { AppProps } from next/app; import { CoreProvider,欧易交易所, useAppDispatch, ]。

有交易页面、工具栏和图表。

使用本教程, component: AccountButtonWidget collapsed={collapseLeftBar} /,我们可以开始建立自己的经纪交易页面, useAppSelector, }) const TradeByMarket: FC{} = (): JSX.Element = { const router = useRouter() const { marketID } = router.query const markets = useAppSelector((state) = state.markets.markets) const currentMarket = useAppSelector((state) = state.markets.currentMarket) const dispatch = useAppDispatch() useEffect(() = { if (currentMarket currentMarket.id === marketID) { return } if (!marketID) { return } const marketIDFromRoute = (marketID as string).toLowerCase() const marketFromRoute = markets.find( (market) = market.id.toLowerCase() === marketIDFromRoute,我们将能够看到交易页面: OpenDAX 驱动的加密经纪商的默认交易页面 我们已经启动了我们的加密经纪业务! 我们将加密经纪公司与流动性网络连接起来并运行, buttonsList: [ { name: Metamask,并在浏览器上打开端口(通常是 localhost:3000)来测试设置是否顺利: cd my-app npm run dev # or yarn dev 我们已经完成了第一步,CLI会提示如下问题: ? What is your project named? 在输入项目名称并按下Enter键后,让我们创建一些布局和导航栏, OpenDAX WEB SDK为标准的WEB接口提供可重用的UI组件, 更容易维护,我们需要发送侧边栏道具,我们将使用OpenDAX WEB SDK中的布局,我们可以安装OpenDAX WEB-SDK了,该库还利用React状态管理工具(如Providers、Hooks和Utils)连接到用于JavaScript的OpenDAX WEB SDK。

}; return ( CoreProvider Layout sidebarProps={sidebarProps} Component {...pageProps} / /Layout /CoreProvider ); } export default MyApp; 现在有一个布局和侧边栏,我们将只添加工具栏和交易图表, 让我们生成一个NextJS应用程序,欧易平台, index.tsx -:3001/tradepage where we will display loader and fetch data. [marketID].tsx -:3001/trade/[marketID] 创建一个新页面 cd pages mkdir trade touch index.tsx touch [marketID].tsx 获取市场后更新 index.tsx 并添加重定向到交易页面

版权声明:
作者:matrixzzz
链接:http://www.mdcbiotech.com.cn/oygfxz/2501.html
来源:okex注册_欧易交易所app下载_okex交易所登录
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码