2019年，React开发人员应该掌握的22种神奇工具

以下是使用此库进行测试的示例代码：

// Hoist helper functions (but not vars) to reuse between test cases  
const renderComponent = ({ count }) =>  
  render(  
    <StateMock state={{ count }}>  
      <StatefulCounter />  
    </StateMock>,  
  )  
it('renders initial count', async () => {  
  // Render new instance in every test to prevent leaking state  
  const { getByText } = renderComponent({ count: 5 })  
  await waitForElement(() => getByText(/clicked 5 times/i))  
})  
it('increments count', async () => {  
  // Render new instance in every test to prevent leaking state  
  const { getByText } = renderComponent({ count: 5 })  
  fireEvent.click(getByText('+1'))  
  await waitForElement(() => getByText(/clicked 6 times/i))  
}) 

8. React Developer Tools

React Developer Tools 是一个扩展插件，它允许在 Chrome 和 Firefox 开发人员工具中查看 React 组件层次结构。

这是 React 开发中最常见的扩展插件，并且是 React 开发人员用来调试其应用程序的最有用的工具之一。

9. Bit

（编辑：51站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!