ES6 ReactJS Предупреждение: React.createElement: тип не должен иметь значение null, undefined, boolean или number

Я бегу в странный вопрос при разработке импорта Link с a € ~ реагировать a € ™ экспорта по умолчанию класс UserPage расширяет React . Компонент { функция render () { return ( < UserList /> ); } } класс UserList расширяет React . Компонент { функция render () { return ( { / * jsx code * / } ); } } class User extends React . Компонент { function render () { return ( < tr > < td > { user . Name } </ td > < td > { user . Email } </ td > < td > { user . CreatedAt } </ td > < td > { user . updatedAt } </ td > < td > < Ссылка на = "/ api / user / delete" > Удалить </ Link > </ td > </ tr > ); } } ########################################################### content - body . jsx файл / * - a € a € a € a € a € a € a € a € a € a € a € a € a € " ---------- * / import UserPage с . / page / user . jsx a € ™; экспорт класса по умолчанию ContentBody расширяет действие React . Компонент { конструктор ( реквизит ) { супер ( реквизит ) это . state = { data : []}; } render () { return ( { / * Это должно быть динамическим и заменить на Router * / } ); } } Компонент JS работает нормально, но когда я пытаюсь отобразить компонент UserPage внутри ContentBody, я получаю эту ошибку

import { Link } из ' response ' .js: 18798 Warning: React.createElement: type не должен иметь значение null, undefined, boolean или number. Он должен быть строкой (для элементов DOM) или ReactClass (для составных компонентов).

Компонент user.jsx

react

Он все равно будет бросать эту ошибку, не уверен, что я здесь делаю неправильно?

Обновление. Я смог исправить проблему, импортировав ссылку правильно, поскольку ссылка не является импортным импортом по умолчанию { Link } из «реагировать» ; он должен быть импортирован как

react

javascript,reactjs,ecmascript-6,react-jsx,

1

Ответов: 1


1 принят

По умолчанию экспорт reactпакета не выполняется Link, поэтому вы должны Linkявно импортировать .

import * as React from "react";

Если вы не хотите этого делать, импортируйте все react:

Link

и затем Linkправильно ссылаться :

<React.Link to="/api/user/delete">Delete</React.Link>
JavaScript, reactjs, ECMAScript-6, реагируют-JSX,
Похожие вопросы