<Fragment> tag does not render html in chrome nor th... | reactjs/react.dev

Descrição

https://beta.reactjs.org/reference/react/Fragment#fragment

Doesnt throw error in jsx preprocessing(npx babel --watch sr --out-dir . --presets react-app/prod) for babel version:6.26 installed as per current official react install docs ,please have a check if new beta version supports.
Can be related to
#5532 ?
{/* index.html */}
index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Test Page-React</title>
  </head>
  <body>

<div id="Sc"></div>
<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
  <!-- Load your React component. -->
 <script type="module" src="test.js"></script>
 </body>
</html>

{/* test.js */}
{
const root9 = ReactDOM.createRoot(document.getElementById('Sc'));
const element9 = <Gallery />; 
root9.render(element9);

function ProfileS() {
  return (
    <img
      src="https://i.imgur.com/MK3eW3As.jpg"
      alt="Katherine Johnson"
    />
  );
}

function Gallery() {
  return (
  <Fragment>
    <div> 
      <h1>Amazing scientists</h1>
      <ProfileS /> {/* react component 1 */}
      <ProfileS /> {/* react component 2 */}
      <ProfileS /> {/* react component 3 */}
    </div>
	  <div> 
      <ProfileS /> {/* react component 1 */}
      <ProfileS /> {/* react component 2 */}
    </div>
	<div>	  
	<Pile />
    </div>
  </Fragment>
  );
}

function Pile() {
  return (
    <img
      src="https://i.imgur.com/QIrZWGIs.jpg"
      alt="Alan L. Hart"
    />
  );
}

Direção de pesquisa

Comece pela referência de Fragment vinculada na issue e, em seguida, reproduza o exemplo de test.js usando o index.html fornecido e o comando npx babel --watch com Babel 6.26. Confirme se o exemplo documentado de Fragment é renderizado com os scripts UMD do React 18 e atualize a documentação relevante ou relate a incompatibilidade confirmada.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia

javascript, react

Domínio

documentation

Tipo de issue

Bug

Dificuldade

3/5

Tempo estimado

1-2 dias

Status de atividade

Estagnada

Clareza

Precisa de esclarecimento

Facilidade para iniciantes

25/100

<Fragment> tag does not render html in chrome nor throw any error in JSX Preprocessing

Descrição

Guia de contribuição

Primeiros passos

Direção de pesquisa

Avaliação

<Fragment> tag does not render html in chrome nor throw any error in JSX Preprocessing

Descrição

Guia de contribuição

Primeiros passos

Direção de pesquisa

Avaliação

Receba novas issues na sua caixa de entrada