未捕获的语法错误：嵌入：JSX值应该是表达式或引用的JSX文本（8:26）

Question

• 我试图在反应中显示文本框。

• 但我得到一个错误。 未捕获的语法错误：嵌入：JSX值应该是表达式或引用的JSX文本（8:26）

• 可以告诉我如何解决它。

• 在下面提供。

https://jsfiddle.net/q7yvmsa3/3/

var Hello = React.createClass({ 
    render: function() { 
    return (<div>Hello {this.props.name} 
        <textarea value = this.state.value> 
         there should be only 140 characters 
       </textarea> 
    </div>); 
    } 
}); 

ReactDOM.render(
    <Hello name="World" />, 
    document.getElementById('container') 
); 

Answer 1

的属性必须是一个表达式{FOO}或引用文字 “foo” 的

使用该线的值

<textarea value = {this.state.value}> 

代替

<textarea value = this.state.value> 

例如：

var Hello = React.createClass({ 
getInitialState() { 
    return { value:"hello"}; 
    }, 
    render: function() { 
    return (<div>Hello {this.props.name} 
        <textarea value = {this.state.value}> 
         there should be only 140 characters 
       </textarea> 
    </div>); 
    } 
}); 

ReactDOM.render(
    <Hello name="World" />, 
    document.getElementById('container') 
); 

工作的jsfiddle：https://jsfiddle.net/mwu28tx4/