如何在React上使用两个参数导入和绑定函数

Question

我已经在js文件中创建了一个函数。 在另一个文件中，一个类组件，我想导入此功能并使用它。 如何在此功能上使用绑定？ 我的问题是：导入的函数已经有一个参数

import React from "react";

function inputWidget(params) {
  const self = this;

    const inputName = params.id.slice(5);

    let isRequired = _.get(params, "required", false);
    let isValid = this.state.isValid;
    return (
      <PhoneInput
        id={params.id}
        placeholder={_.get(params, "placeholder")}
        phoneNumber={_.get(params, "value")}
        onBlur={(id) => self._handleBlur(id)}
        onChange={(phoneNumber, isValid) => {
          if (isRequired) {
            isValid[inputName] = isValid;
            self.setState({ isValid: isValid }, () => params.onChange(phoneNumber));
          } else {
            params.onChange(phoneNumber);
          }
        }}
      />
    );
};

const myWidgets = {
  inputWidget: inputWidget
}

export default myWidgets;

在我的班级组件中：

  import myWidgets from './widgets';

  class Component extends React.Component {
   constructor(props) {
     super(props);

     this.inputWidget = myWidgets.inputWidget.bind(this);
   }
  }

我希望该功能正常运行，但显示的ID未定义或未定义