DraftJS сохраняет данные и управляет данными в блоке рендеринга
Я пытаюсь получить raw data из базы данных, сохраненной с помощью convertToRaw функции Draft JS, и представить data в значении editor вместо createEmpty.
Примечание : -
Когда я отправляю реквизиты из родительского компонента, дочерний компонент изначально получает нулевое значение для загрузки данных. Как я могу проверить это условие и установить состояние?
``` импортировать React из 'React'; импортировать ReactDOM из 'react-dom'; импортировать {Editor, EditorState} из 'draft-js'; класс MyEditor расширяет React.Component { конструктор (реквизит) { super (реквизит); //Здесь я хочу установить editorState с помощью propsData this.state = {editorState: EditorState.createEmpty()}; this.onChange = (editorState) => this.setState({editorState}); } render() { return ( <Editor editorState = {this.state.editorState} onChange = {this.onChange} /> ); } } ReactDOM.render(<MyEditor/>, document.getElementById('container') ); ```
вам, вероятно, следует отредактировать код в своем вопросе для лучшей читабельности
Ответы 1
- MyEditor имеет необработанное состояние внутри реквизита компонента.
- вы не должны использовать createEmpty()
- вы должны использовать конвертировать из сырого для преобразования необработанного состояния в contentState
- а затем используйте создать с контентом для создания EditorState
- Выполнено
Да, я ознакомился с документацией. Но, как я уже сказал, проблемы связаны с получением нулевого значения от реквизита при начальной загрузке. constructor(props) { super(props); this.state = { editorState: props.abstract ? EditorState.createWithContent(convertFromRaw(props.abstract)) : EditorState.createEmpty(decorator) }; }
пожалуйста, включите пример вашего кода. Пожалуйста, включите Минимальный, полный и проверяемый пример