Javascript 以苗条的方式显示axios数据

我有两个问题：

第一个问题是，在使用axios从API获取数据后，如何在前端显示数据，以及如何使用它来显示我想要的效果？例如，我调用了大量数据，并希望将其放入下拉菜单中

第二个问题与第一个问题相关，假设我有一个路由文件（用于sapper项目），其中包含一个组件

。在这个仪表板组件中，我有两个组件，分别称为

和

。我需要在路由文件中调用api，但在不在路由文件中的组件中显示数据。我该怎么做

如果我尝试在路由文件中执行

，如何获取数据以到达仪表板内部

和

之间的正确组件

我不确定是否清楚，但如果您理解，请随时提供任何建议，如果不清楚，请让我知道我可以澄清什么

---

干杯

如果您知道从AxiosData获得的

变量数据是什么，以及在
BestOf
和
History
中使用什么，您可以执行以下操作：

//Dashboard.svelte
出口让最好；
出口历史；
出口其他道具；

另一方面，您可以将所有道具或部分道具传递到
和

//Dashboard.svelte
//如果variableWithAxiosData={foo:1，bar:2}
出口让富；
谢谢@Tan Li Hau！但我不明白如何从路由文件（比如[state].svelte）传递数据到dashboard.svelte。@JamesChen使用dispatch传递数据。/从“svelte”导入{createEventDispatcher}；const dispatch=createEventDispatcher（）；调度（“数据”，axiosdata）；谢谢达加蒂，我会试试的！