Question

您好，我是使用React JS进行Web开发的新手，并且在下面有疑问。

如何使用react js将Json对象数据表示为UI侧的树视图等图形视图？并且还需要进行双向绑定，如果用户在UI上进行更改，同样也应该在原始Json对象上进行渲染。

Answer 1

例如，您可以根据需要表示您的JSON树 - 您可以使用div集合“绘制”您的结构。您可以通过json数组进行映射并代表UI。类似的东西：

render() {
    return (
        <div className="entities">
        { 
          this.props.myObjects.map( (obj, index) => 
          { 
            return <Link key={index} to={`/somepath/${index}`} >
            <div><p>{obj.name}</p></div></Link> 
          })
        }
        </div>
    );
  }

父母div可能有redbackgrounds，嵌套div可能有缩进和另一种背景颜色。你的问题不是具体的。你想做什么？

不支持两种数据绑定的React性质。如果您的用户更改数据 - 您需要手动保存数据。如果您也将使用Redux，这不是什么大问题。

读取JSON文件并表示它的图形树视图

1 个答案: