Javascript ReactJS-MappleToolTip未渲染

我按照上的安装说明进行操作

当我在Chrome中检查页面源时，MappleToolTip中的任何内容都不会在页面源中呈现甚至显示。我做错了什么？我尝试将MappleToolTip渲染中的任何内容作为一个单独的组件包含进来，并获得相同的结果

我的代码： （注意：为了便于阅读，代码缩短了）

ToolTip.js

import React from 'react';

var MappleToolTip = require('reactjs-mappletooltip');

export const PageWithToolTip = () => {
  return(
    <div>
      <MappleToolTip>
        <div>
          Show Mapple Tip on this
        </div>
        <div>
          Hey! this is damn easy        
        </div>
      </MappleToolTip>
    </div>
  );
}

从“React”导入React；
var MappleToolTip=require（'reactjs-MappleToolTip'）；
导出常量页面WithToolTip=（）=>{
返回(
显示有关此的Mapple提示
嘿！这太简单了
);
}

FoodMenu.js

import React, {Component} from 'react';
import {PageWithToolTip} from './ToolTip';

class FoodMenu extends Component{
  render(){
    return(
      <div className="section-meals">
        <div className="row">
          <h2>
            - Menu -
          </h2>
        </div>
        {PageWithToolTip}
      </div>
     )
   }
}

export default FoodMenu;

import React，{Component}来自'React'；
从“/ToolTip”导入{PageWithToolTip}；
类FoodMenu扩展组件{
render（）{
返回(
-菜单-
{PageWithToolTip}
)
}
}
导出默认食物菜单；

谢谢大家!

只需

而不是

{PageWithToolTip}

---

并将import从“reactjs MappleToolTip”更改为

import MappleToolTip
当我这样做时，我得到了以下错误：React.createElement:type无效--应该是字符串（对于内置组件）或类/函数（对于复合组件），但得到了：object。请在ToolTip.js:8查看您的代码。您是否尝试过从“reactjs MappleToolTip”导入MappleToolTip？这很有效！谢谢你，安德鲁！你能改变你的答案来反映这一点吗？我会把它标记为答案！很乐意帮忙：）如果有帮助，你可以接受我的答案。你能改变你的答案来反映这一点吗？我会把它标记为答案！谢谢你，安德鲁！