自定义状态栏里面如何放一个react组件

问一下状态栏里面如果放自定义的内容，怎么放一个react的组件，我看那里面案例都是手写的html结构，如下，
它里面是这样用原生方法创建结构的，能否用react组件的方式渲染

const  item = document.createElement('div');
    const  customStatus = `
      <Select defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
        <Option value="jack">Jack</Option>
        <Option value="lucy">Lucy</Option>
        <Option value="disabled" disabled>
          Disabled
        </Option>
        <Option value="Yiminghe">yiminghe</Option>
      </Select>
    `
    item.innerHTML= customStatus;
    container.appendChild(item);
  }
是以这种方式么,还是以React.createElement来创建，这种创建也只能在render的时候才能渲染。。能否给个详细的案例

之前的回复有问题，没考虑到这是动态生成的Dom 不会在加载的时候渲染，我这边先试一下，有结果跟您说

请问下这个有结论 了么

状态栏不能引入组件，在React框架中写了个自定义状态栏的例子可以参考附件