import React, { Component } from "react";
import ReactDOM from "react-dom";
// e.g.
// import { Button, Icon } from "antd";
import App, { Editor, RenderText } from "./App";
import registerServiceWorker from "./registerServiceWorker";
class Index extends Component {
constructor(props) {
super(props);
this.state = {
value: ""
};
this.handleChangeValue = this.handleChangeValue.bind(this);
this.handleChangeSubmit = this.handleChangeSubmit.bind(this);
}
handleChangeValue(value) {
this.setState({ value });
console.log("handleChangeValue value: ", value);
}
handleChangeSubmit({ text, files }) {
this.setState({ loading: true }, () => {
setTimeout(() => {
this.setState({ loading: false });
}, 2000);
});
console.log("submit text: ", text);
console.log("submit files: ", files);
}
render() {
// 最简单的用法
return (
);
// e.g.
// 复杂的用户法
// const props = {
// type: 1,
// businessId: "1",
// API: "http://api.links123.net/comment/v1",
// showList: true
// };
// const editorProps = {
// showEmoji: true,
// placeholder: "说点什么吧",
// rows: 5,
// btnLoading: this.state.loading,
// btnDisable: this.state.loading,
// btnSubmitText: "提交",
// value: this.state.value,
// onChange: v => this.handleChangeValue(v),
// onSubmit: v => this.handleChangeSubmit(v),
// button: (
//
// ),
// emojiToolIcon: ,
// imageToolIcon: (
//
// )
// };
// return (
//
//
//
// );
}
}
ReactDOM.render(, document.getElementById("root-comment"));
registerServiceWorker();