反应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>