Can reactjs use template tags? Use it like vue?

for example, there is a "repeater component" in which the next level of the content of a ul package should be a li tag. It seems that react return can only be one li at a time, but every time I want to output more than one li, I think of wrapping it in template. I try it without error, but nothing is shown in the blank page

.

clipboard.png


<Repeater list={[""]} />
Jul.02,2022

the reason is that template is parsed as a native element by react, which is not available in browsers, so there will be problems.

react is the native element
depending on whether your Tag initials are lowercase.

that's because your browser supports template tags. You can take a look at webcomponents


found the answer

from-a-component-with-react-16/" rel=" nofollow noreferrer > Link

import React, { Component } from 'react';

export default class Repeater extends Component {
  render() {
    console.log(this.props);
    return (
      <ul>
        {this.props.list.map((item, index) => {
          return (
-             <template key={index}>
+            <React.Fragment key={index}>
              <li>{item}</li>
              <li>{item}</li>
              <li>{item}</li>
+            </React.Fragment>
-            </template>
          );
        })}
      </ul>
    );
  }
}

import React, { Component } from 'react';

export default class Repeater extends Component {
  render() {
    console.log(this.props);
    return (
      <ul>
        {this.props.list.map((item, index) => {
          return (
              <li key={index}>{item}</li>
          );
        })}
      </ul>
    );
  }
}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e9cefd-191c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e9cefd-191c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?