檢查從功能狀態redux組件中的mapStateToProps傳遞的道具的真實性

Question

我有3個組成部分，TYPELIST，ConnectedType（ =connect(mapStateToProps)(Type ）和類型 。類型將收到來自TYPELIST道具（ onClick, name ）通過道具來ConnectedType以及ConnectedType的mapStateToProps（ onMiniPokemonClick, miniPokemon ）。怎么辦我miniPokemon映射之前進行檢查，是否可以在功能組件上進行邏輯處理，還是必須使其成為一個類並在其中創建一個輔助函數？

const Type = ({onClick, name, onMiniPokemonClick, miniPokemon}) => (
  <li
    onClick={onClick}
  >
    {name}
    <ul>
      {
        if (miniPokemon) {
          miniPokemon.map(function (pokemon, idx) {
            return (<MiniPokemon onClick={() => onMiniPokemonClick(pokemon.name)} name={pokemon.name}/>)
          })
        }
      }
    </ul>
  </li>
)

Answer 1

您需要做的就是使用方括號允許多行功能主體

const Type = ({onClick, name, onMiniPokemonClick, miniPokemon}) => {
   // some logic   
   return (
      <li
        onClick={onClick}
      >...
      </li>
   )
}

或者，如果僅需要確保在miniPokemon null / undefined值時miniPokemon是一個數組，則可以提供一個默認參數：

({onClick, name, onMiniPokemonClick, miniPokemon = []})