反应测试实例子属性
原文:https://www . geeksforgeeks . org/reactjs-testinstance-children-property/
React.js 库就是将应用程序拆分成几个组件。每个组件都有自己的生命周期。React 为我们提供了一些内置的方法,我们可以在组件生命周期的特定阶段覆盖这些方法。
在本文中,我们将了解如何使用 testInstance.children 属性。testInstance.children 属性用于让子级测试测试实例的实例。
创建反应应用程序并安装模块:
-
步骤 1: 使用以下命令创建一个 React 应用程序
jsx npx create-react-app foldername
-
步骤 2: 创建项目文件夹(即文件夹名)后,使用以下命令移动到该文件夹。
jsx cd foldername
项目结构:如下图。
步骤 3: 创建 ReactJS 应用程序后,使用以下命令安装所需的*模块:*
**npm install react-test-renderer**
**例 1:****
*App.js*
**import React from 'react';
import TestRenderer from 'react-test-renderer';
// Defining our App Component
const App = () => {
// Function to demonstrate TestRenderer.children property
function func(){
const renderer = TestRenderer.create(
<div>
GeeksforGeeks
<div>
TestRenderer.children property
</div>
</div>
);
const mychildren = renderer.root;
console.log(mychildren.children);
}
func();
// Returning our JSX code
return <>
</>;
}
// Exporting your Default App Component
export default App**
**输出:****
**
**参考:https://reactjs . org/docs/test-renderer . html # testinstance children****
版权属于:月萌API www.moonapi.com,转载请注明出处