message: Fix comment component in react version:
diff: @@ -54,39 +54,30 @@ export class SurveyQuestionComment extends SurveyQuestionElementBase {
  }
  export class SurveyQuestionCommentItem extends ReactSurveyElement {
  - private question: Question;
  - private comment: string;
  - private otherCss: string;
  - constructor(props: any) {
  - super(props);
  - this.question = props.question;
  - this.otherCss = props.otherCss;
  - this.handleOnChange = this.handleOnChange.bind(this);
  - this.handleOnBlur = this.handleOnBlur.bind(this);
  - }
  - handleOnChange(event: any) {
  - this.comment = event.target.value;
  - }
  - handleOnBlur(event: any) {
  - this.question.comment = this.comment;
  - }
  - componentWillReceiveProps(nextProps: any) {
  - this.question = nextProps.question;
  + componentWillMount() {
  + this.setState({ comment: this.props.question.comment });
  }
  render(): JSX.Element {
  - if (!this.question) return null;
  + let question = this.props.question;
  + if (!question) return null;
  if (this.isDisplayMode)
  - return <div className={this.cssClasses.comment}>{this.comment}</div>;
  - var className = this.otherCss ? this.otherCss : this.cssClasses.comment;
  + return <div className={this.cssClasses.comment}>{question.comment}</div>;
  + let className = this.props.otherCss || this.cssClasses.comment;
  + let handleOnChange = (event: any) => {
  + this.setState({ comment: event.target.value });
  + };
  + let handleOnBlur = (event: any) => {
  + question.comment = event.target.value;
  + };
  return (
  <input
  type="text"
  className={className}
  - value={this.comment}
  - maxLength={this.question.getOthersMaxLength()}
  - onChange={this.handleOnChange}
  - onBlur={this.handleOnBlur}
  - aria-label={this.question.locTitle.renderedHtml}
  + value={this.state.comment}
  + maxLength={question.getOthersMaxLength()}
  + onChange={handleOnChange}
  + onBlur={handleOnBlur}
  + aria-label={question.locTitle.renderedHtml}
  />
  );
  }
  