如何将 flowbite 添加到 React.Js 。遵循 flowbite 上的指南，但组件无法正常工作

Question

你好，我使用 flowbite 和 tailwindcss 和 react js 但是组件在 react 中不起作用

（可以点击链接查看图片目录）

I imported the flowbite in the index.js

Created a components called Drp stands for dropdown and add a dropdown from the flowbite components section

This Drp component you can see in the image

那么这是我的 tailwind.config.js ：

module.exports = {
content: ["./src/**/*.{js,jsx,ts,tsx}", "./node_modules/flowbite/**/*.js"],
theme: {
extend: {},
 },
plugins: [
require('flowbite/plugin')
  ],
}

但这不起作用，如何解决这个问题？？？

Answer 1

在“index.js”文件中遵循以下几点：

替换：

import ReactDOM from 'react-dom/client'; => import ReactDOM from 'react-dom';

用户渲染方法如：

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);