尽管已初始化，但 mapStateToProps 在 Redux 中始终返回 undefined

Question

我正在尝试从reducer（下面的footerreducer.js）返回mapStatetoProps（下面的FooterLink.js）中未定义的状态。

我现在只在 mapStatetoProp 函数中得到未定义。

如何从reducer返回“返回的A”？

FooterFirst.js 是一个连接reducer的组件。

（这也有问题，但我猜它不会导致未定义的状态。也许......）

index.js 是 actioncreator。

FooterLink.js

    import {connect} from "react-redux"
    import {changeWindow} from "../actions"
    import {undefinedText} from "../actions"
    import FooterFirst from "../components/FooterFirst"
    const mapStateToProps =(state,ownProps)=>{
      return {
        text:state.text
      }
    }
    const mapDispatchToProps = (dispatch,ownProps)=>{
      if (ownProps.text === `undefined`){
        return{
          onClick:()=>{dispatch(undefinedText(ownProps.text))}
        }
      }
      return{
        onClick:()=>{dispatch(changeWindow(ownProps.text))}
        }
      }

    const FooterLink = connect(
      mapStateToProps,
      mapDispatchToProps
    )(FooterFirst)
    export default FooterLink

footerreducer.js

const footerreducer = (state,action) =>{
  if (typeof state=== 'undefined') {
    return Object.assign({},state,{
      text:"A"
    })
  }
  switch (action.type){
case `A`:
  return Object.assign({}, state, {
    text:`returned A`
  })
case `B`:
  return {
    text:`retruned B`
  }
case `C`:
  return {
    text:`returned C`
  }
default:
  return state
  }
}
export default footerreducer

FooterFirst.js

import React ,{PropTypes} from "react"
let x = 0
const FooterFirst = ({text,onClick})=>{
  if(!text){
    x = x + 1
    console.log(x)
    return <a text={text} onClick={e=>{e.preventDefault()
      onClick()
    }}>
    AAAA{text}
  </a>
  }

  return (
    <a text={text} onClick={e=>{e.preventDefault()
      onClick()
      }}>
      iefefer
  </a>
  )

}
FooterFirst.PropTypes ={
  text:PropTypes.string.isRequired,
  onClick:PropTypes.func.isRequired
}

export default FooterFirst

index.js

export const changeWindow  = (text_Now)=>{
  return { 
    type:`A`,
    text:text_Now
  }

}
export const undefinedText = (text_Now)=>{
  return {
    type:`Notext`,
    text:text_Now
  }
}

Answer 1

您需要将 footerreducer 导入到 FooterLink。