Javascript 使用ReactJS开发Kibana插件
我想使用ReactJS作为首选javascript框架创建一个Kibana插件。这似乎是可能的,但文档和示例肯定很少。我已经设置了本地环境,尽可能运行Kibana、Javascript 使用ReactJS开发Kibana插件,javascript,reactjs,kibana,Javascript,Reactjs,Kibana,我想使用ReactJS作为首选javascript框架创建一个Kibana插件。这似乎是可能的,但文档和示例肯定很少。我已经设置了本地环境,尽可能运行Kibana、kbn bootstrap等,并修改了app.js,就像使用react应用程序一样 在我的插件的index.js中 app: { title: 'Reactisearch', description: 'Sample Kibana plugin using ReactJS and Elasticsearch',
kbn bootstrap
等,并修改了app.js
,就像使用react应用程序一样
在我的插件的index.js
中
app: {
title: 'Reactisearch',
description: 'Sample Kibana plugin using ReactJS and Elasticsearch',
main: 'plugins/reactisearch/app'
},
在ui中导出
。我唯一的问题是,传统上,在React应用程序中,index.html
会在DOM中的其他地方有一个目标元素供应用程序渲染。我似乎无法让这部分发挥作用。我确实有
ReactDOM.render(,document.getElementById('root')代码>
在app.js中
,就像你通常会做的那样,但很明显,从那时起,它与app.js之间存在着断开连接。我理解如果你使用Kibana的(角度)路由,你可以做如下事情
uiRoutes.enable();
uiRoutes
.when('/', {
template,
...
});
模板指的是角度模板,但既然我不想使用角度模板,那又怎么样
底线是我想开发React中的大部分(如果不是全部的话)插件,但如果必须有一点角度,我想这是可以的。这仅仅是第二天,即使是看着Kibana,如果有些东西是显而易见的,我也很抱歉
如果有关系的话,我会选择最新的一行。行reacadom.render(…)
正在执行吗?是不是抛出了一个错误?正确<代码>不变冲突:目标容器不是DOM元素
。原因很明显,因为我并不是说index.html
是应用程序的入口点。Webpack通常会在一个简单的React应用程序中处理这个问题,但我不知道如何在Kibana插件中声明它。。您只需要附加任何dom元素。因为我有一个kibana插件要写在我的todolist上,所以我将尝试快速创建一个示例。standbyI为kibana react插件创建了一个示例,您可以在这里看到: