Question

React 中的上下文值未定义

2019-05-19

4156

javascript reactjs

为什么显示未定义的上下文值？

851068340 182701691 572303219

148527530
 
  试图尝试尝试尝试尝试尝试传递乡村列表中的上下文价值，但显示不确定，无法弄清楚原因。预先感谢

Answer 1

您需要使用 Provider 包装您的 CountryList 组件，即您需要导入 Provider。

import React, { Component } from 'react';
import { Provider,Consumer } from '../../Context';

class CountryList extends Component {
  render() {
    return (
      <Provider>
        <Consumer>
          {value => {
            console.log('val:' + value);
          }}
        </Consumer>
     </Provider>
    );
  }
}
export default CountryList;

Stackblitz 示例在这里： https://stackblitz.com/edit/react-143zwt （我只是为了测试而添加的。它会给你一些想法。我没有在那里添加这段代码。）