Come cancellare il campo di input in Draft-js

Question

Nessuno dei demo che ho visto per Draft-js (di Facebook, creato su React) mostra come cancellare il campo di inserimento dopo l'invio. Ad esempio, vedere questo code pen linked to from awesome-draft-js in cui il valore inviato rimane nel campo di inserimento dopo l'invio. Non c'è anche lo function in the api che sembra progettato per farlo. Quello che ho fatto per raggiungere questo obiettivo è quello di creare un nuovo stato vuoto dietro presentazione pulsante mi piace questo

onSubmit(){ 
this.setState({ 
    editorState: EditorState.createEmpty(), 
}) 
} 

Tuttavia, dato che creare uno stato vuoto nel costruttore quando l'editor viene caricato come questo

this.state = { 
    editorState: EditorState.createEmpty(), 
    }; 

Sono preoccupato che potrei non farlo nel modo giusto, ovvero il precedente oggetto di stato potrebbe diventare una perdita di memoria. Domanda: qual è il modo previsto per reimpostare lo stato nella situazione precedente (ad es. Invio pulsante)

Answer 1

È NON consigliato utilizzare EditorState.createEmpty() per cancellare lo stato dell'editor, è necessario utilizzare solo createEmpty sull'inizializzazione.

Il modo corretto per ripristinare il contenuto del redattore:

import { EditorState, ContentState } from 'draft-js'; 

const editorState = EditorState.push(this.state.editorState, ContentState.createFromText('')); 
this.setState({ editorState }); 

@source: https://github.com/draft-js-plugins/draft-js-plugins/blob/master/FAQ.md