``` import logo from './logo.svg'; import './App.css'; import { useEffect, useState } from "react" import { DraftEditor, DraftViewer } from "editordraft"
npm install editordraft
import logo from './logo.svg';
import './App.css';
import { useEffect, useState } from "react"
import { DraftEditor, DraftViewer } from "editordraft"
function App() {
const [preHtml, setPreHtml] = useState("")
const [themeMode, setThemeMode] = useState("light")
const [colorIndex, setColorIndex] = useState(2)
useEffect(function () {
console.log(themeMode)
console.log(colorIndex)
})
return (
<>
setThemeMode(pre => pre === "light" ? "dark" : "light")
}}>mode
setColorIndex(pre => pre + 1)
}}>color
themeMode={themeMode}
peopleList={["UweF23", "UweF22", "TonyCerl", "JimWil", "大发发", "Jimberg", "m大Gsd哈"]}
avatarPeopleList={["UweF23", "TonyCerl", "大发发", "m大Gsd哈"]}
downloadAvatarUrl={https://picsum.photos/200}
genAvatarLink={function (downloadAvatarUrl, personName) {
return downloadAvatarUrl// + personName
}}
onSubmit={function (preHtmlObj, { editorState, theme, voteArr, voteTopic, pollDuration, voteId, imageObj, imageBlockNum, setDisableSubmit, clearState }) {
console.log(preHtmlObj)
setPreHtml(preHtmlObj.content)
clearState()
setDisableSubmit(false)
// const promiseArr = [
// ...uploadPreHtml(preHtmlObj), // commentOut when local
// ...uploadImage(imageObj), // commentOut when local
// ...uploadVote({ voteArr, voteTopic, pollDuration, voteId }) // commentOut when local
// ]
// Promise.allSettled(promiseArr).then((arr) => {
// setDisableSubmit(false)
// clearState()
// setPostArr(pre => [preHtmlObj, ...pre])
// })
}}
/>
themeMode={themeMode}
preHtml={preHtml}
downloadImageUrl=""
downloadVoteUrl=""
/>
);
}
export default App;
``