javascript - instalar - react js documentacion

Reaccionar el archivo JSX dando error "No se puede leer la propiedad ''createElement'' de undefined"

Question

Tengo un archivo test_stuff.js que estoy ejecutando con npm test

Se ve más o menos así:

import { assert } from ''assert'';
import { MyProvider } from ''../src/index'';
import { React } from ''react'';

const myProvider = (
  <MyProvider>
  </MyProvider>
);

describe(''Array'', function() {
  describe(''#indexOf()'', function() {
    it(''should return -1 when the value is not present'', function() {
      assert.equal(-1, [1,2,3].indexOf(4));
    });
  });
});

Desafortunadamente, recibo el error

/Users/me/projects/myproj/test/test_stuff.js:11
var myProvider = _react.React.createElement(_index.MyProvider, null);
                             ^

TypeError: Cannot read property ''createElement'' of undefined
    at Object.<anonymous> (/Users/me/projects/myproj/test/test_stuff.js:7:7)

Qué significa eso? Estoy importando React de ''reaccionar'' con éxito, entonces, ¿por qué React estaría indefinido? Es reaccionar, reaccionar, lo que sea que eso signifique ...

Answer 1

Para aquellos que están trabajando ReactJS con TypeScript.

import * as React from ''react'';

Answer 2

Para importar React, import React from ''react'' Agrega corchetes cuando lo que está importando no es la exportación predeterminada en ese módulo o archivo. En caso de reaccionar, es la exportación predeterminada.

Esto podría aplicarse a sus otras importaciones dependiendo de cómo las haya definido.

Answer 3

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

Esto funcionó para mí. Sin embargo, no estoy seguro de por qué solucionó mi versión de este problema. Entonces, si usted es alguien que se topó con este problema y usa create-react-app como su repetitivo inicial, esta forma de importar React hará el truco. (a partir de Oct ''18, lol)