web-dev-qa-db-fra.com

Réagir fragment sténographie ne pas compiler

Le projet en question utilise React-16.2.0, qui permet d’utiliser des fragments et le raccourci fragment.

https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html

Alors que la syntaxe complète fonctionne bien ...

import React, { Fragment, Component } from 'react';

class TestingFragment extends Component {
    render() {
        return (
            <Fragment>
                <span>This is a fragment of text </span>
                <div>Another part of the fragment</div>
            </Fragment>
        )
    }
};

export default TestingFragment

La sténographie ne parvient pas à compiler et je ne comprends pas pourquoi. Par exemple ...

import React, { Component } from 'react';

class TestingFragment extends Component {
    render() {
        return (
            <>
                <span>This is a fragment of text </span>
                <div>Another part of the fragment</div>
            </>
        )
    }
};

export default TestingFragment

Qui ne compile pas comme suit ...

Failed to compile
./src/testingFragments.js
Syntax error: Unexpected token (6:4)

  4 |   render() {
  5 |       return (
> 6 |           <>
    |            ^
  7 |               <span>This is a fragment of text </span>
  8 |               <div>Another part of the fragment</div>
  9 |           </>
This error occurred during the build time and cannot be dismissed.

Y a-t-il quelque chose qui me manque dans la syntaxe abrégée de Fragment?

javascriptreactjscreate-react-app
13
Robert Byrne

Je pense que c'est une raison:

https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html#support-for-fragment-syntax

capture d'écran

les applications create-react-utilisent actuellement Babel 6.26.0 pour un support complet. React.Un fragment est nécessaire Babel v7.0.0-beta.31 et les versions ultérieures

======================= EDIT

Cela fonctionne maintenant avec create-react-app v2 https://reactjs.org/blog/2018/10/01/create-react-app-v2.html

15
KORA

La syntaxe des fragments est uniquement prise en charge par Babel versions 7.0.0-beta.31 et supérieures.

0
Shariq Ansari