在react中，传递一个数组，并在组件中实现完成数组的打印的html文件

以下是一个示例代码，可以将一个数组传递给组件，然后在组件中使用map()函数将数组中的每个元素转换为一个<li>元素，最终将所有的<li>元素渲染到页面上：

// App.js

import React from 'react';
import MyComponent from './MyComponent';

function App() {
  const myArray = ['apple', 'banana', 'orange'];
  return (
    <div>
      <MyComponent array={myArray} />
    </div>
  );
}

export default App;

// MyComponent.js

import React from 'react';

function MyComponent({ array }) {
  return (
    <ul>
      {array.map((item, index) => (
        <li key={index}>{item}</li>
      ))}
    </ul>
  );
}

export default MyComponent;

在上面的代码中，我们将一个数组`myArray`传递给了`MyComponent`组件，并将其作为`array`属性传递。在`MyComponent`组件中，我们使用`array.map()`函数遍历数组中的每个元素，将其转换为一个`<li>`元素，并将所有的`<li>`元素渲染到一个`<ul>`元素中。注意，我们在`<li>`元素中使用了一个`key`属性，这是为了帮助React识别每个子元素的唯一性，提高渲染性能。

最终，当我们在页面中渲染`App`组件时，会显示一个包含了数组中所有元素的列表。