小编Dev*_*avo的帖子

在 VS Code 中保存时格式化 *.tsx 文件

settings.json有可能只能格式化*.ts文件有:

"[typescript]": {
    "editor.formatOnSave": true
}
Run Code Online (Sandbox Code Playgroud)

但我无法让它为*.tsx文件工作。

typescript visual-studio-code react-tsx

14
推荐指数
4
解决办法
7264
查看次数

如何获取盖茨比的当前网址?

我目前正在与Gatsby创建共享按钮,并希望根据当前网址分享内容,该网址会根据环境和当前网页而变化.使用GoHugo可以调用它{{ .Permalink }}.有谁知道如何用盖茨比做到这一点?

我有一个ShareButtons组件,它是BlogPostTemplate的子组件.

gatsby

6
推荐指数
3
解决办法
5710
查看次数

如何从 svelte-kit 构建中排除文件?

如果我npm run build使用 SvelteKit 运行,它似乎包含该src文件夹中的所有文件。是否可以排除某种文件类型(例如*test.js)?

例子

  1. 选择演示应用程序 npm init svelte@next my-app

  2. 添加以下代码到src/routes/todos/foo.test.js

    describe('foo', () => {
      it('temp', () => {
        expect(true).toBe(false)
      })
    })
    
    Run Code Online (Sandbox Code Playgroud)
  3. npm run build

  4. npm run preview

结果:describe is not defined

解决方法

将测试移至外部src

vite sveltekit

6
推荐指数
1
解决办法
4567
查看次数

添加新资源文件时,Android Studio 不显示源集

当我尝试添加新的资源文件(即文件>新建>Android 资源文件)时,“源集:”丢失。有谁知道为什么会这样?

android gradle android-layout android-studio build.gradle

5
推荐指数
1
解决办法
3750
查看次数

测试scrollintoview Jest

我有一个简单的功能:

scrollToSecondPart() {
    this.nextPartRef.current.scrollIntoView({ behavior: "smooth" });
}
Run Code Online (Sandbox Code Playgroud)

我想使用Jest进行测试。当我调用函数时,出现以下错误:

TypeError: Cannot read property 'scrollIntoView' of null
Run Code Online (Sandbox Code Playgroud)

该代码在应用程序中效果很好,但在单元测试中效果不佳。这是单元测试:

    it("should scroll to the second block", () => {

    const scrollToSecondPart = jest.spyOn(LandingPage.prototype, 'scrollToSecondPart');
    const wrapper = shallow(<LandingPage />);
    const instance = wrapper.instance();
    instance.scrollToSecondPart();

    expect(scrollToSecondPart).toHaveBeenCalled();
});
Run Code Online (Sandbox Code Playgroud)

我想问题是单元测试无法访问,this.nextPartRef但我不知道该如何模拟该元素。顺便说一句,我正在使用https://reactjs.org/docs/refs-and-the-dom.html中描述的“引用” (我正在使用React.createRef())。

谢谢!

reactjs jestjs

5
推荐指数
1
解决办法
2795
查看次数

为什么使用 RTK 查询标准化状态的需要较少?

根据redux 文档:“虽然使用 RTK 查询管理缓存数据来将响应存储在规范化查找表中的需要较少,但如果需要,可以利用 TransformResponse 来做到这一点。”

  1. 为什么 RTK 查询“不需要”管理缓存数据?
  2. 使用 RTK 查询标准化状态有哪些权衡?

redux rtk-query

5
推荐指数
1
解决办法
2535
查看次数

配置 Jest 以使用 Create React App 在测试之间重置模拟

当我将以下代码添加到我的时,package.json我收到一条错误消息,指出它不受支持:

"jest": {
    "resetMocks": true
},
Run Code Online (Sandbox Code Playgroud)
  1. 我很困惑为什么这不起作用,因为它似乎已添加到此拉取请求中
  2. 还有另一种方法吗?

提前致谢!

reactjs jestjs

3
推荐指数
1
解决办法
1729
查看次数

如何模拟Material-ui withStyles的实现?

如何模拟withStylesin 的实现material-ui/core/styles.js

这是测试:

import React from 'react'
import { shallow } from 'enzyme'
import { withStyles } from '@material-ui/core/styles'

import TempComponent from './TempComponent'

jest.mock('@material-ui/core')

it('renders correctly', () => {
  const withStylesFake = styles =>
    component => (
      component
    )

  withStyles.mockImplementation(withStylesFake)

  const wrapper = shallow(<TempComponent />)
  expect(wrapper).toMatchSnapshot()
})
Run Code Online (Sandbox Code Playgroud)

这是代码:

import React from 'react'
import { withStyles } from '@material-ui/core/styles'

const TempComponent = () => (
  <button>Click Me!</button>
)

export default withStyles({})(TempComponent)
Run Code Online (Sandbox Code Playgroud)

这是错误:

TypeError: _styles.withStyles.mockImplementation is not a …
Run Code Online (Sandbox Code Playgroud)

mocking reactjs jestjs material-ui

2
推荐指数
2
解决办法
2774
查看次数

2
推荐指数
1
解决办法
272
查看次数

Primefaces:如何获取 Java 中当前的排序顺序?

Java中是否可以获取当前的排序顺序?

以下是汽车按年份排序的示例:

<p:column headerText="Year" sortBy="#{car.year}">
    <h:outputText value="#{car.year}" />
</p:column>
Run Code Online (Sandbox Code Playgroud)

通过扩展LazyDataModel<T>可以重写以下方法:

public List<T> load(int first, int pageSize, String sortField, SortOrder sortOrder, Map<String,Object> filters) {
    throw new UnsupportedOperationException("Lazy loading is not implemented.");
}
Run Code Online (Sandbox Code Playgroud)

但我想知道如何在不使用 LazyDataModel 的情况下做到这一点。

谢谢!

java sorting jsf primefaces

1
推荐指数
1
解决办法
1836
查看次数