setState数据无更新无法重新渲染吗？

[xuxiaoxiao312]

问题描述
在用小程序movable-area 完成一个拖拽排序的组件，希望movable-view在拖拽结束后回到设置的位置，但如果结束坐标与之前的坐标一致，setState后页面不会更新

this.state={
imageList:['test1','test2']
}
componentDidMount(){
    this.calcImage()
}
calcImage(){
     let images = Array.from(this.state.imageList,((el,index)=>{
           return {
                 top:index * 70,
                left:0
           }
}))
}
<MovableArea>
	{imageList.map((el, i) => {
	      return (
			<MovableView key={i}
					direction='all'
					x={el.left}
					y={el.top}>
                                          <VIew onTouchEnd={this.calcImage.bind(this, i)}>{el.src}</VIew>
			</MovableView>
</MovableArea>

期望行为
有什么办法可以强制重新渲染页面吗？原生小程序是只要setData就会触发更新，Taro似乎做了判断

系统信息

Taro v1.2 及以上版本已添加 taro info 命令，方便大家查看系统及依赖信息，运行该命令后将结果贴下面即可。

👽 Taro v1.2.0

Taro CLI 1.2.0 environment info:
System:
OS: macOS 10.14.1
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 8.12.0 - /usr/local/bin/node
Yarn: 1.10.1 - /usr/local/bin/yarn
npm: 6.4.1 - /usr/local/bin/npm

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[yuche]

this.forceUpdate()

[taro-bot]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~

[xuxiaoxiao312]

this.forceUpdate()

	constructor(props) {
		super(...props);
		this.state = {
			test: [
				{
					top: 0,
					left: 0,
					contnet: '内容1'
				},
				{
					top: 100,
					left: 0,
					contnet: '内容222'
				}
			]
		};
	}
	changePosition() {
		this.forceUpdate();
	}
	render() {
		let { test } = this.state;
		return (
			<MovableArea style='height:200px;width:100%'>
				{test.map((el, i) => {
					return (
						<MovableView
							style='width:100px;height:50px'
							key={i}
							direction='all'
							x={el.left}
							y={el.top}
							onTouchEnd={this.changePosition}
						>
							<View> {el.contnet}</View>
						</MovableView>
					);
				})}
			</MovableArea>
		);
	}

完整测试代码，forceUpdate后movableVIew没有重新渲染，请问是我的使用方式有问题吗？

[AwesomeDevin]

setData之后,forceUpdate也没用，页面未渲染

setScrollTop(){
    this.props.onScroll(0)
    console.log(this)
    this.setState({
      scrollntoView:'scrollintoview'
    },()=>{
      // this.forceUpdate()
      // console.log(123)
      setTimeout(()=>{
        this.setState({
          scrollntoView:''
        })
      },100)
    })
  }

  render () {
    console.log(this.state.scrollntoView)    //**console.log正常  但是scrollview中的属性值未更新**   
    return () {
      <ScrollView  className={`elements-page__scroll`} scroll-into-view={this.state.scrollntoView}>
     </ScrollView>
    }
}

[javahuang]

@xuxiaoxiao312 你好，你的这个问题解决了吗？我也遇到了，通过 setState 设置 MovableView 的 x,y 不渲染

[xuxiaoxiao312]

@xuxiaoxiao312 你好，你的这个问题解决了吗？我也遇到了，通过 setState 设置 MovableView 的 x,y 不渲染

没有，一直没给回复

[xuxiaoxiao312]

@xuxiaoxiao312 你好，你的这个问题解决了吗？我也遇到了，通过 setState 设置 MovableView 的 x,y 不渲染

我自定义了一个moveTimes的变量，每次moveEnd的时候加一，记录移动的次数，在计算x,y的时候加上 moveTimes%2，强行让x,y每次都不一样就可以重新渲染了，权宜之计。。。

[callmedanieldaniel]

我也遇到了，setState不执行，回调也没有

[rwson]

我也是，setState不更新，对象类型和基本数据类型都不行

[seekcx]

+1 也是这个问题，scrollIntoView 如果值和上次一样就不跳转了，用户有可能拖动到了别的位置，因此即便 scrollIntoView 没改变，也应该执行跳转，目测有点优化过度了，是否可以通过更新其它无关属性来触发更新？

[seekcx]

@yuche forceUpdate 看介绍应该是放在组件中，组件代码是封装好的，怎么调用呢？