javascript - 调用函数时反应模式不起作用

Question

我有一个我想在 useffect 中打开的模态，这里是我在 carvin 函数 console.log 中的代码工作，但模态没有弹出。我已经将一个主要组件作为 Loyaltycash 并在使用效果中调用 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>
  );
}

标签： javascriptreactjsecmascript-6modal-dialog

Answer 1

you are using show={true} for all time

<Modal show={show}>

and

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