调用函数时 React 模态不工作

Question

我有一个模式，我想在 useeffect 中打开这里是我在 carvin 函数中的代码 console.log 工作但模式没有弹出。我已经制作了一个主要组件作为 Loyaltycash 并在 useeffect

中调用了 carvin

import React, { useState, useEffect } from "react";
export default function Loyaltychash(props) {
  const { show, handlemodalloyalty, contractid } = props;


  useEffect(() => {
    if (contractid != "") {
      getdata();
      setLoading(true);
      carvin();
    }
  }, [show]);
  


  return (
    <div>
    </div>
  );
}
function carvin() {
  console.log("innnn");
  return (
    <div>
      <div>
        <Modal show={true}>
          <Modal.Header>
            
          </Modal.Header>
          <Modal.Body>
          </Modal.Body>
          <Modal.Footer>
            <Button variant="secondary">Close</Button>
            <Button variant="primary">Save Changes</Button>
          </Modal.Footer>
        </Modal>
      </div>
    </div>
  );
}

Answer 1

您一直在使用 show={true}

<Modal show={show}>

和

return (
    <div>
{carvin()}
    </div>
  );

调用函数时 React 模态不工作

React modal is not working when call in function

javascript

modal-dialog

ecmascript-6

reactjs