List Editor View Source

import * as React from "react";

import { ListEditor } from "slate-react-system";

class ExampleOne extends React.Component {

  state = {

    flavors: [

      "Chocolate",

      "Vanilla",

      "Mint Chip",

      "Pistachio",

      "Neapolitan",

      "Toffee",

      "Rocky Road",

    ],

  };

  _handleChange = (e) => {

    this.setState({ [e.target.name]: e.target.value });

  };

  render() {

    return (

      <ListEditor

        placeholder="Add a flavor"

        name="flavors"

        options={this.state.flavors}

        onChange={this._handleChange}

      />

    );

  }

}