反応するjs cont denitableが動作しない

Question

私はコメントを追加するための非常に単純なコンポーネントを持っています。 <p>タグはcontenteditableです。しかし、私がページを訪問すると、<p>は満足できるものではありません。 <p>の中をクリックすると何も起こりません。私は間違って何をしていますか？ <p>の内容を変更するにはどうすればよいですか？助けてください。

export default class AddComment extends React.Component {  
    render() { 
     return(
      <div id="add_comment"> 
       <div id="divLeft"> 
        <p id="comment" contenteditable="true"></p> 
       </div> 
       <div id="divRight"> 
        <input type="submit" value="Comment" id="submit"/> 
       </div> 
      </div> 
     ); 
    } 
} 

Answer 1

では、あなたが働いて、はい代わりcontenteditable

class AddComment extends React.Component {  
 
    render() { 
 
    return(
 
     <div id="add_comment"> 
 
     <div id="divLeft"> 
 
      <p id="comment" contentEditable="true"></p> 
 
     </div> 
 
     <div id="divRight"> 
 
      <input type="submit" value="Comment" id="submit"/> 
 
     </div> 
 
     </div> 
 
    ); 
 
    } 
 
} 
 

 
ReactDOM.render(<AddComment />, document.getElementById('root'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
 
<div id="root"></div>