使用状态映射功能，React-Spring视差无法声明偏移

我试图使用react-spring的视差创建一个react页面。我使用Web api来获取数据，因此当我使用视差标签时，im试图设置offset和scrollTo函数的值。如下所示；

class HomeComponent extends Component { constructor(props) { super(props); this.state = { list: [], categoryCount: '', }

} componentDidMount() { axios.get(http://localhost:9091/api/category) .then(res => { this.setState({ list: res.data, categoryCount: res.data.length }) }); }

这些是我的摘要和Web api调用部分，下一部分是render（）;

render() { let i = 1 return <Parallax pages={this.state.categoryCount + 1} scrolling={true} vertical ref={ref => (this.parallax = ref)}> <span onClick={() => this.parallax.scrollTo(1)}>MAINPAGE {this.state.liste.map((category) => { return ( <span onClick={() => { this.parallax.scrollTo(i + 1) }}>{category.categoryName} {i += 1} {console.log(i)} ); })} }

所以在这段代码的一部分中，我正在映射列表以创建足够数量的视差图层。但是我无法管理偏移量和this.parallax.scroll（）的值。这些家伙采用整数值来导航到每个其他。

我尝试了i和i + 1处理，但是变得很奇怪。第一个视差效果很好，它可以浏览第二页，但是在第一页之后，每个页面都可以将我导航到最后一页。我在stackoverflow中找不到相关的问题，所以我需要帮助感谢您的回答，对不起我的英语。

问题来源于stack overflow