从CDN导入Materializecss并让select下拉菜单在ReactJS中工作？

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/materialize-css@1.0.0/dist/css/materialize.min.css">
<script src="https://cdn.jsdelivr.net/npm/materialize-css@1.0.0/dist/js/materialize.min.js"></script>

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // 初始化select下拉菜单
    const selectElements = document.querySelectorAll('select');
    M.FormSelect.init(selectElements);
  }, []);

  return (
    // 组件的其他内容
  );
}

export default MyComponent;

function MyComponent() {
  // ...

  return (
    <div>
      <select>
        <option value="" disabled selected>选择一个选项</option>
        <option value="1">选项1</option>
        <option value="2">选项2</option>
        <option value="3">选项3</option>
      </select>
    </div>
  );
}