可以从html在react中创建目录吗？

import React from 'react';

const Directory = () => {
  return (
    <div className="directory">
      <ul>
        <li>文件1</li>
        <li>文件2</li>
        <li>文件3</li>
      </ul>
    </div>
  );
}

export default Directory;

.directory {
  background-color: #f2f2f2;
  padding: 10px;
}

.directory ul {
  list-style-type: none;
  padding: 0;
}

.directory li {
  margin-bottom: 5px;
}

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

const App = () => {
  return (
    <div>
      <h1>我的目录</h1>
      <Directory />
    </div>
  );
}

export default App;