每次在React.js中执行渲染时,UI都会滚动到页面顶部。
JSFiddle:
有什么好的或被动的方法来阻止这种情况吗?
例如,如果用户向下滚动页面,然后按下导致呈现的按钮,则UI将停留在与以前相同的滚动位置。
// Forces a render which scrolls to top of page
this.setState({data: data});
更新:为什么某些渲染的UI会滚动到顶部,而其他渲染则不会?
React.JS提供了多种实现组件的机制--基于类的,通过React.JS挂钩的组件,还可以使用。在web应用程序中,有时需要在readOnly元素上设置input属性。要通过HTML实现这一点,可以在readOnly元素上使用input属性/属性。令人困惑的是,HTML属性/属性没有值:
<!-- Create a readOnly input field to display the username -->
<input id='username' name='username' value='fred.fish' rea