反應js conteneditable不工作

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代替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>