每次在React.js中执行渲染时,UI都会滚动到页面顶部。
JSFiddle:
有什么好的或被动的方法来阻止这种情况吗?
例如,如果用户向下滚动页面,然后按下导致呈现的按钮,则UI将停留在与以前相同的滚动位置。
// Forces a render which scrolls to top of page
this.setState({data: data});
更新:为什么某些渲染的UI会滚动到顶部,而其他渲染则不会?
我在Next.js上写我的应用。我从API获取数据。当我点击页面“关于”(如下),我有错误:无法读取属性'map‘的未定义,但当我重新启动这个页面-它工作。我怎样才能避免这个错误?
import React from 'react'
import Header from './Header'
import Link from 'next/link'
import axios from 'axios';
export default class extends React.Component {
static asyn
我有一个简单的react组件,其中有一个onClick事件,它重定向到另一个页面-谷歌搜索引擎(用于测试目的)。
下面是React组件的JSFiddle链接-
describe('Events', function () {
it('should have click event state', function (done) {
var events = Events();
ReactTestUtils.renderIntoDocument(events);
ReactTestUtils.Simulat
当用户点击主菜单时,我已经设法使我的网页淡出到设定的页面,但是当用户点击页面上菜单中的一个项目时,它不会淡入用户想要访问的页面?
有很多代码,所以这里有一个网站的链接:这里有一个JSFiddle,但它可能没有传达我想要的工作方式
There is a main.css file, a fade.js file and the index.html file. I also use animate.css.
我在这里问了一个类似的问题,关于如何让链接真正起作用:
感谢所有的帮助,谢谢。
我有一个对象数组,我将其输出到一种形式的输入。这些输入需要更新,呈现的值才能显示更改。我能够控制键和新值,但是我收到的错误是metafields.map不是一个函数。 我的代码如下: class EditMetafields extends React.Component {
constructor(props) {
super(props);
this.state = { metafields: [] }
}
componentDidMount() {
// retrieving data from the db to populate metafie