react-i18next api t（）未找到

Question

我的项目有一个“t不是函数”的错误 而且我是console.log（t），它是未定义的 有我的代码

i18n.js

import i18n from 'i18next';
import XHR from 'i18next-xhr-backend';
import LanguageDetector from 'i18next-browser-languagedetector';


i18n
  .use(XHR)
  // .use(LanguageDetector) 
  .init({
    fallbackLng: 'tw', 
    ns: ['common'],
    defaultNS: 'common', 
    debug: true,
    interpolation: {
      escapeValue: false 
    },
    backend: {
      "loadPath": "/locales/{{lng}}/{{ns}}.json"
    }
  });


export default i18n;

index.js

....
import './i18n';

const Index = (props)=>(
  <Provider store={store}>
      <App/>
  </Provider>      
);

ReactDOM.render(<Index/>,document.querySelector("#container"));

成分<​​/ P>

.
import { translate } from 'react-i18next';
.
.
class Landpage extends React.Component{
    constructor(props){
        super(props);
    }
    render(){
        const { t } = this.props; // t undefined

.
.
.

请帮我解决这个问题并告诉我它为什么会发生