鍍金池/ 問答/HTML/ JSX如何將變量設(shè)置為元素名稱？

JSX如何將變量設(shè)置為元素名稱？

在用JSX寫React時(shí)，如何將變量作為JSX中元素的名稱。
例如：

render() {
    return (
        <div></div>
    )
}

如果想根據(jù)props返回不同的元素，如何設(shè)置？例如：

render() {
    let {tag} = this.props;
    
    return (
        <tag></tag>
    )
}

（這么做是錯(cuò)的，tag變成字符串）

回答
編輯回答
貓小柒

你可以把tag就理解為一個(gè)組件

<tag />

前提是你的tag要是jsx，否則的話就用react. createElement(tag,null,null)

2017年5月7日 04:42
編輯回答
款爺

大寫或

<this.props.tags></this.props.tags>
2017年7月17日 22:02
編輯回答
懷中人

我記得自定義組件首字母要大寫吧，你可以試試。

2018年8月9日 00:58
編輯回答
亮瞎她
  render() {
    this.aaa = 'div';
    return (
      <div>
        <this.aaa>111</this.aaa>
      </div>
    );
  }
2018年7月11日 10:58