如何在React中打开模式时对背景应用模糊效果？

npm install react-modal react-blur

import React, { useState } from 'react';
import Modal from 'react-modal';
import { Blur } from 'react-blur';

const App = () => {
  const [modalIsOpen, setModalIsOpen] = useState(false);

  const openModal = () => {
    setModalIsOpen(true);
  };

  const closeModal = () => {
    setModalIsOpen(false);
  };

  return (
    <div>
      <button onClick={openModal}>打开模态框</button>
      <Modal isOpen={modalIsOpen} onRequestClose={closeModal}>
        <h2>模态框标题</h2>
        <p>模态框内容</p>
      </Modal>
      {modalIsOpen && <Blur />}
    </div>
  );
};

export default App;