在 React 组件中嵌入多个元素

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

它 typo.Please 将 textarea jsx 更改为以下内容：

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

Answer 2

textarea 的结束标签应该是 </textarea> 而不是 <textarea/>

在 React 组件中嵌入多个元素

Embedding multiple elements in React component

render

reactjs