Draft JS - Erwähnen-Plugins erzeugen dies: Warnung: React erkennt die isFocused-Prop auf einem DOM-Element nicht

Question

Ich habe ein Problem, wenn es darum geht, das Draft-Js-Erwähnung-Plugin in meine App einzubinden. Bitte haben Sie einen Blick:

„Warnung: Reagieren Sie erkennt nicht die IsFocused Stütze auf einem DOM-Elemente Wenn Sie absichtlich es im DOM als benutzerdefinierte Attribute angezeigt werden sollen, so muss das als Klein statt IsFocused Wenn.. Sie haben es versehentlich von einer übergeordneten Komponente übergeben und aus dem DOM-Element entfernt. "

Bitte finden Sie den Druckbildschirm nach diesem Problem:

Btw, kann dieses Problem in diesem Beispiel zu finden, auch: https://codesandbox.io/s/x2r59zo4j4

Hat jemand die gleiche Warnung hatte ?! Oder jemand erwähnt in reactjs mit draftjs oder sogar in Vanille Javascript? Ich muss mich nur auf ein Beispiel verlassen, um die Dinge zu erledigen (ich bin ein Neuling auf JS, React JS) ... danke im Voraus :)!

Answer 1

Vielleicht ist der Grund, weil in Ihrer Komponente Ihre declare

const { blabla, foo, bar} = this.props 

Und in Ihrem Render:

<Component 
    blabla={blabla} 
    foo={foo} 
    bar={bar} 
    {...this.props} /> 

Sie zweimal Ihre Requisiten passieren Reagieren interpretiert und Sie in der Konsole

eine Warnung