反应js有争议的不起作用

Question

我有一个非常简单的组件来添加评论。 <p>标记符合要求。但是，当我访问该页面时，<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

在React中，您必须使用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>