警告:'object'类型的prop类型失败,是期望的字符串

时间:2018-04-26 07:35:20

标签: reactjs redux components

我正在使用react / redux构建一个应用程序,我已经安装了一个名为'reactconfirmalert'的npm包。这非常有效,但在我的控制台中,当我显示确认警报时,我会收到错误消息:

https://i.stack.imgur.com/eXJI0.png

以下是触发警报的代码:

    import { confirmAlert } from 'react-confirm-alert';
    import 'react-confirm-alert/src/react-confirm-alert.css';
    import { Sharelink } from '../modal/sharelink';
    import React from 'react';
    export const publisher = (message, link, onConfirm) => {

  confirmAlert({
    title: message,
    message: <Sharelink shareLink={link}/>,
    confirmLabel: 'OK',
    cancelLabel: '',
    onConfirm: onConfirm,
  });
  document.getElementById("react-confirm-alert").classList.add("publisher");
};

正如您所看到的,“消息”不是一条消息,而是一个名为“Sharelink”的组件,我已经开发并希望通过警报进行查看。

我已经检查了导入confirmAlert的文件,并且它说“message”应该是一个字符串,就像警告所说:

_createClass(ReactConfirmAlert, null, [{
    key: 'propTypes',
    value: {
      title: _propTypes2['default'].string,
      message: _propTypes2['default'].string,
      confirmLabel: _propTypes2['default'].string,
      cancelLabel: _propTypes2['default'].string,
      onConfirm: _propTypes2['default'].func,
      onCancel: _propTypes2['default'].func,
      children: _propTypes2['default'].node
    },
    enumerable: true
  }, {
    key: 'defaultProps',
    value: {
      title: false,
      message: false,
      childrenElement: function childrenElement() {
        return null;
      },
      confirmLabel: false,
      cancelLabel: false,
      onConfirm: function onConfirm() {
        return null;
      },
      onCancel: function onCancel() {
        return null;
      }
    },
    enumerable: true
  }]);

一切都很完美,但我不希望错误消息出现在控制台中,我怎么能在没有它的情况下修复它?是否可以将控制台中出现的警告静音?

0 个答案:

没有答案