小编dad*_*dsa的帖子

我正在学习 React 钩子，所以为了做到这一点，我试图将类组件转换为功能组件，但我仍然遇到一些错误。

这是作为类编写的原始工作组件：

import React, { Component } from 'react';
import NavBar from './components/navbar';
import Counters from './components/counters';

class App extends Component {
  state = {
    counters: [
      { id: 0, value: 5 },
      { id: 1, value: 1 },
      { id: 2, value: 2 },
    ],
  };

  handleDelete = (counterId) => {
    const counters = this.state.counters.filter((c) => c.id !== counterId);
    this.setState({ counters });
  };

  handleReset = () => {
    const counters = this.state.counters.map((c) => {
      c.value = 0; …

当使用 React 测试库编写单元测试时，我们可以通过元素的角色来访问元素getByRole。

例如，如果元素是heading，则它有level选项：

const headingNode = screen.getByRole('heading', { level: 3 });

或者如果是的话radio它有name：

 const radioNode = screen.getByRole('radio', { name: 'high'});

我的问题是，在哪里可以找到每种类型的所有可能选项？有这方面的文档吗？没找到。