Question

  alert('Save ${this.state.course.title}');

以上这些似乎没有用，我做错了吗？

我已经列出了完整的代码，只需在点击保存时显示对话框文本框中输入的文字

import React, {PropTypes} from 'react';

class CoursePage extends React.Component{

  constructor(props, context){
    super(props,context);

    this.state = {
      course: {title: "" }
    };

    this.onTitleChange = this.onTitleChange.bind(this);
    this.onClickSave = this.onClickSave.bind(this);
  }

  onTitleChange(event){
      const course = this.state.course;
      course.title = event.target.value;
      this.setState({course: course});
  }

  onClickSave(){
    alert('Save ${this.state.course.title}');
  }

  render(){
    return (
      <div>
        <h1>Courses</h1>
        <h2>Add Course</h2>
        <input
          type="text"
          onTitleChange={this.onTitleChange}
          value={this.state.course.title} />

        <input
          type="submit"
          value="Save"
          onClick={this.onClickSave} />
      </div>
    );
  }
}

export default CoursePage;

而且这也不允许我参加考试，这当然是因为：{title：＆＃34;＆＃34; }？

我正在尝试学习react / redux

Answer 1

模板字符串使用后引号：

alert(`Save ${this.state.course.title}`);

Answer 2

我改变了

onTitleChange={this.onTitleChange}

到

onChange={this.onTitleChange}

咄！

反应$似乎没有用

2 个答案: