Question

在将多个元素嵌入到React组件的return语句中时出错

错误是：

Parsing error: Expected corresponding JSX closing tag for <textarea>

看看我的render()函数

  render() {
    return (
    <>
      <form onSubmit={this.handleSubmit}>
          Name:
          <textarea name="message" rows="10" cols="30" value={this.state.value} onChange={this.handleChange}> 
          <textarea/>
        <input type="submit" value="Submit" />
      </form>
    </>
    );
  }

我是React的新手，已经看过类似的问题。请引导我。

Answer 1

它是一个错字。请将textarea jsx更改为以下内容：

<textarea name="message" rows="10" cols="30" value={this.state.value} onChange={this.handleChange}> 
</textarea>
// change
- <textarea />
+ </textarea>

Answer 2

textarea的结束标记应为#set_xlim(left, right) ax.set_xlim(-74.3, -73.6) #set_ylim(bottom, top) ax.set_ylim(40.4, 50.0)而不是</textarea>

在React组件中嵌入多个元素

2 个答案: