小编Pra*_*nav的帖子

我已将大小为 876MB 的文件推送到 git lfs，这分别显示了总共 0.9 的可用存储和带宽，但是，然后我做了一些更改，例如删除了旧的存储库并卸载了 git lfs，因为我将图像大小从 900MB 减小到了 800MB，并且然后推回我新创建的 git 存储库。当我看到 lfs 的账单时，它显示 0/1GB（将更新为 0.8）存储空间，但 1.7/1GB 带宽，并且在 Github 禁用了我的“git lfs”帐户之后。我实际上想删除带宽存储，即将其重置为以前的状态。有什么解决办法吗？任何建议都高度赞赏

在自动完成表单中，显示国家/地区的数据及其相关代码。当输入文本获得焦点时，下拉列表将被填充。我的目的是预加载数据数组而不需要焦点。请参阅代码示例

const [newValue, setNewValue] = useState(null);
const [textToggle, textToggleState] = useState(false);

render(
         <div
          style={{ cursor: "pointer" }}
          onClick={() => {
            textToggleState(!textToggle);
          }}
        >
          <h5>+{newValue == null ? "91" : newValue.calling_code}</h5>
        </div>
        {textToggle ? (
          <Autocomplete
            id="size-small-standard"
            size="small"
            options={cities}
            onChange={(event, value) => {
              setNewValue(value);
              textToggleState(!textToggle);
            }}
            autoSelect={true}
            getOptionLabel={(option) =>
              `${option.country}` + `+ ${option.calling_code}`
            }
            renderOption={(option) => (
              <>{`${option.country} + ${option.calling_code}`}</>
            )}
            //defaultValue={cities[98]}
            style={{ width: "100%" }}
            renderInput={(params) => (
              <TextField
                {...params}
                variant="standard"
                placeholder="Search your country"
                style={{ width: "40%" }}
              />
            )} …

在React项目中，我需要从另一个组件打开Modal。我从 StackOverflow 找到了建议的问题，但还没有被说服。因为我需要使模态组件可在所有组件之间重用。请参阅下面的代码以供参考

主页.js

const HomePage = () => {
  return (
    <>
      <button onClick={() => setLoginModalShow(true)}>Open Modal</button>
    </>
  );
};

我创建了以下文件来导出其他文件，并使其在其他组件中有用

commonLogin.js

import LoginModal from "./LoginModal";

export const setLoginModalShow = (props) => {
  console.log("PROPS", props);
  return <LoginModal showModal={props} />;
};

这是模态组件

const LoginModal = (props) => {
  const [loginModalShow, setLoginModalShow] = useState(props.showModal);

  console.log("PROPS in MODAL", props);
  return (
    <>
      <Modal
        show={loginModalShow}
        onHide={setLoginModalShow}
        size="lg"
        aria-labelledby="contained-modal-title-vcenter"
        centered
      >
        <Modal.Header closeButton>
          <Modal.Title id="contained-modal-title-vcenter">Logout</Modal.Title>
        </Modal.Header>
        <Modal.Body>
          <h4>Are you sure to Logout?</h4>
        </Modal.Body>
        <Modal.Footer> …

在 React 项目中，我使用 Ant Design (Antd) 作为 CSS 框架。所以我们需要改变 Antd 组件 Modal 的样式。改变 Modal 组件的边框半径是意料之中的，但是，经过多次尝试，一切都是徒劳。有没有合适的解决办法呢？

1. 模态组件

<Modal
        title="Basic Modal"
        visible={isModalVisible}
        onOk={handleOk}
        onCancel={handleCancel}
        className="modalStyle"
        //bodyStyle={{ borderRadius: "20px" }} {/* Also tried with bodyStyle property */}
      >
        <p>Some contents...</p>
        <p>Some contents...</p>
        <p>Some contents...</p>
</Modal>

索引.css

.modalStyle {
  border-radius: 20px;
}

.newStyle {
  border-radius: 20px;
}

/* applied style to its root properties, but no change */
.ant-modal-content {
  border-radius: 20px;
}

以下是codesandbox链接：https://codesandbox.io/s/basic-antd4168-forked-rz764

在将文件推送到 github 时，我收到上述错误。详细错误如下：

Connection reset by 13.234.176.102 port 22
fatal: The remote end hung up unexpectedly
fatal: sha1 file '<stdout>' write error: Broken pipe
error: failed to push some refs to 'Github URL'

是文件大小问题还是文件已损坏？