如何自定义Strapi管理面板

npx create-strapi-app my-project --quickstart

{
  "attributes": {
    "title": {
      "type": "string",
      "required": true
    },
    "content": {
      "type": "text"
    },
    "author": {
      "model": "user"
    }
  }
}

npx strapi generate:api my-model --plugin documentation

import React, { useEffect, useState } from 'react';
import { request } from 'strapi-helper-plugin';

const MyModelList = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = async () => {
    try {
      const response = await request('/my-model');
      setData(response.data);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      <h1>My Model List</h1>
      <ul>
        {data.map(item => (
          <li key={item.id}>{item.title}</li>
        ))}
      </ul>
    </div>
  );
};

export default MyModelList;

module.exports = {
  plugins: [
    {
      name: 'my-plugin',
      routes: {
        'list/:model': {
          component: 'MyModelList',
        },
      },
    },
  ],
};