小编rea*_*des的帖子

在 JavaScript 中根据自定义数据结构查找两个节点之间的路径

您好,我有一个连接数组,如下所示:

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.jslodash.js我们可以实现这一点?如果有人提供解决方案或给出提示,这真的会有帮助吗?

javascript graph underscore.js lodash

4
推荐指数
1
解决办法
3116
查看次数

在React组件中导入外部CDN

我使用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)

html cdn reactjs vis.js

3
推荐指数
1
解决办法
7465
查看次数

在 React 中更改图标的颜色

我有一个 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 并更改颜色?

html javascript css reactjs react-jsx

3
推荐指数
1
解决办法
4267
查看次数

将Flat JSON数组转换为Nodejs中的JSON对象

我有一个平面的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)

javascript json node.js

1
推荐指数
1
解决办法
765
查看次数

标签 统计

javascript ×3

html ×2

reactjs ×2

cdn ×1

css ×1

graph ×1

json ×1

lodash ×1

node.js ×1

react-jsx ×1

underscore.js ×1

vis.js ×1