小编Zei*_*aki的帖子

我已经使用 React 创建了一个基本模态，没有任何库，它工作得很好，现在当我单击模态之外时，我想关闭模态。

这是CodeSandbox实时预览

我的index.js：

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      showModal: false
    };
  }

  handleClick = () => {
    this.setState(prevState => ({
      showModal: !prevState.showModal
    }));
  };

  render() {
    return (
      <>
        <button onClick={this.handleClick}>Open Modal</button>
        {this.state.showModal && (
          <div className="modal">
            I'm a modal!
            <button onClick={() => this.handleClick()}>close modal</button>
          </div>
        )}
      </>
    );
  }
}

ReactDOM.render(<App />, document.getElementById("root"));

我正在使用 React 和 axios，最近我在 axios 上创建了一个自定义配置，如下所示：

import $axios from 'helpers/axiosInstance'
$axios.get('/customers', { handlerEnabled: false })

但结果 ts 编译：

'{ handlerEnabled: boolean; 类型的参数 }' 不可分配给类型为 'AxiosRequestConfig' 的参数。对象字面量只能指定已知属性，并且类型“AxiosRequestConfig”中不存在“handlerEnabled”。

如何在 AxiosRequestConfig 上分配新类型？像这样的东西axios<AxiosRequestConfig & newType>

不想使用旧方法 .d.ts