Tree Mind Map

This software is released under the MIT License, see LICENSE.txt.

What is this?

This is a NPM component of mind map tool written in React. https://www.npmjs.com/package/treemindmap

What's it look like?

Sample page -- https://treemindmap.netlify.com/

How to use this component?

Use "" with parameters "initialState" and "stateHandler".

• "initialState" : The first state to be load in the mindmap
• "stateHandler" : This is triggered every time the state changed.

For example, you can specify the values as below.

ES6

import {Map} from 'treemindmap'
...
render(
  <Map
    initialState={initialdata}
    stateHandler={state => {
      doSomething(state);
    }}
  />,
  document.getElementById('root')
);

ES5

const ReactDOM = require('react-dom');
const Render=require('treemindmap').Render;
...
Render(
  initialdata,
  (state) => {
    doSomething(state);
  },
  'root', /* id of DOM */
  ReactDOM
)