您好,我有一个连接数组,如下所示:
var connections =[
{
"source": "l1",
"target": "l2"
},
{
"source": "l2",
"target": "l4"
},
{
"source": "l2",
"target": "l3"
},
{
"source": "l4",
"target": "l5"
},
]
Run Code Online (Sandbox Code Playgroud)
它继续源和目标。现在想要使用某些函数找到两个节点之间的路径。假设函数findConnections("l2", "l5")将返回如下所示的数组
var answer =[
{
"source": "l2",
"target": "l4"
},
{
"source": "l4",
"target": "l5"
},
]
Run Code Online (Sandbox Code Playgroud)
我不知道如何才能实现这一目标?我尝试了简单的 JavaScript 但失败了。我认为使用underscore.js或lodash.js我们可以实现这一点?如果有人提供解决方案或给出提示,这真的会有帮助吗?
我使用create-react-app npm创建了react应用程序.我想在我的react app.js组件中添加vis.js的外部CDN,但我无法找到添加它的方法.我尝试在我的html页面中添加cdn,并在app.js组件中使用了一个额外的html页面和导入,但它没有用完.
App.js
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
constructor(props) {
super(props);
console.log("In constructer");
}
componentDidMount() {
console.log("in componentDidMount");
var nodes = new vis.DataSet([
{id: 1, label: 'Node 1'},
{id: 2, label: 'Node 2'},
{id: 3, label: 'Node 3'},
{id: 4, label: 'Node 4'},
{id: 5, label: 'Node 5'}
]);
// create an array with edges
var edges = new vis.DataSet([
{from: 1, to: 3},
{from: 1, …Run Code Online (Sandbox Code Playgroud) 我有一个 React 组件,其中包含 div 元素的迭代,如下所示:
render(){
return(
<div className="col-md-12">
{this.state.pageOfItems.map(opration =>
<div className=" col-md-4 icondiv" key={opration.id}
onClick={this.selectOperation.bind(this,opration,true)}>
<FontAwesome name="square" style={{ ariaHidden:true, fontSize:'35px'}}/>
<span className="displayblock">{opration.name}</span>
</div>
)}
</div>
);
}
Run Code Online (Sandbox Code Playgroud)
现在我的问题是当我执行 onClick 方法时,我想更改单击的 div 的方形图标颜色。剩余图标的颜色应该相同。现在,当我单击另一个 div 的图标时,应该会发生同样的情况。我怎样才能做到这一点。我知道我可以将 css 颜色设置为不同但如何识别特定的 div 并更改颜色?
我有一个平面的json数组,可以存储如下数据:
[
{
"prop1": "prop1Data1"
},
{
"prop2": "prop2Data1"
},
{
"prop3.name": "Tom"
}
]
Run Code Online (Sandbox Code Playgroud)
如何将此数据转换为节点js中的简单json对象,如下所示:
{ "prop1": "prop1Data1", "prop2": "prop2Data1", "prop3.name": "Tom" }
Run Code Online (Sandbox Code Playgroud)