react，使用ant mobile里IndexBar序列组件，如何才能让列表自动匹配数据库里相对应的城市列表数据？

来源：蜘蛛抓取(WebSpider) 时间：2022-10-07 18:16 标签： react next

前言：之前一直使用vue开发，准备学习react，记录一下使用react开发移动端H5项目，一步步完善

1． 脚手架初始化项目

这是 antd-mobile 中的 IndexBar[1] 组件，它由两部分组成，一部分是主体，是一个带分组的列表（List），另外一部分是一个在右侧悬浮的索引条（Sidebar）。如果说要找出这个组件中逻辑最难的部分，你觉得会是哪里呢？可能很多人都会觉得是手势和滚动逻辑，当然，这块确实可能需要一点小技巧，不过在这篇文章中，我们来分析另一个隐藏的难点：索引项的生成和在 Sidebar 中的渲染。IndexBar 在实际项目中的用法是这样的：

  1. fetch 请求java后台接收不到参数解决如下：

    记得关闭项目，重新启动

    1. react中配置代理解决跨域问题
      项目中遇到请求跨域问题，我们一般需要项目中配置代理解决。

    这里需要注意的是我们的axios的baseURL，设置的时候不能还设置加上原来服务器域名的地址，应该只设置 /api 就好了

我要回帖

更多关于 react next 的文章

 

随机推荐