今天,我面临着使用react-testing-library进行测试的问题。
由于某些原因,react-testing-library似乎不明白渲染道具已经被调用了。更确切地说,它似乎不会在第一次渲染之后重新渲染孩子。
代码看起来如下(简化)
index.test.js
// Simplified code, this is one test
jest.useFakeTimers();
const renderCallback = jest.fn();
const mockResolvers = {
// Some mock GraphQL re
每次在React.js中执行渲染时,UI都会滚动到页面顶部。
JSFiddle:
有什么好的或被动的方法来阻止这种情况吗?
例如,如果用户向下滚动页面,然后按下导致呈现的按钮,则UI将停留在与以前相同的滚动位置。
// Forces a render which scrolls to top of page
this.setState({data: data});
更新:为什么某些渲染的UI会滚动到顶部,而其他渲染则不会?
我想跳过容器的渲染,但对通过props传递的childeren运行渲染和协调。在下一个示例中,您可以单击它并查看
render
render2
render value 2001
render value 3001
但我希望它是
render
render value 1001
render2
render value 2001
render value 3001
所以我希望渲染Value 1001,但不渲染Wrapper1。
我该怎么做呢?
class Value extends React.Component {
render() {
console.log("re