ReactJS проверьте метод рендеринга `Provider` ContextAPI - PullRequest
Новая
       30

ReactJS проверьте метод рендеринга `Provider` ContextAPI

0 голосов
/ 16 марта 2020

Привет, я пытаюсь использовать Context API, и это мой код

Приложение. js

import  {Provider}  from './components/contexApi/context';
class App extends Component {
  render() {
    return (
      <Provider>
        <div className="App"> 
          <Header />    
          <TodoList />
        </div>
      </Provider>
    );
  }
}

И это мой контекст. js файл

контекст. js

import React, { Component } from 'react'

const Context = React.createContext;

export class Provider extends Component {
    state = {

    }

    render() {
        return (
            <Context.Provider value={this.state}>
                {this.props.children}
            </Context.Provider>

        )
    }
}

export const Consumer = Context.Consumer;

После сохранения файл на главной странице:

Ошибка: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined. Вы, вероятно, забыли экспортировать свой компонент из файла, в котором он определен, или вы могли смешать импорт по умолчанию и с именами. Проверьте метод визуализации Provider.

1 Ответ

0 голосов
/ 16 марта 2020

React.createContext - это функция, и вы ее не вызываете.

https://reactjs.org/docs/context.html#reactcreatecontext

...