鍍金池/ 問答/HTML5  HTML/ 在練習redux的時候遇到了Unknown prop

在練習redux的時候遇到了Unknown prop

clipboard.png
這是結(jié)構(gòu)
這是相關(guān)代碼 hello.js

import React from 'react'

import  { connect } from 'react-redux'

import { bindActionCreators } from 'redux'

import * as actions from '../actions/action'

import islogoin from '../components/islogoin'

import detail from '../components/detail'

class Hello extends React.Component {
   render(){
     return(
       <div>
         <islogoin logininfo={this.props.logininfo} />
         <hr/>
        <detail logininfo={this.props.logininfo} />
       </div>
     )
   }
   componentDidMount() {
        // 模擬登陸
        this.props.action.login({
            userid: 'abc',
            city: 'beijing'
        })
    }
}
function  mapStateToProps(state){
  return {
     logininfo: state.loginlist
 }
}
function mapDispatchToProps(dispatch) {
    return {
        action: bindActionCreators(actions, dispatch)
    }
}
export default connect(
    mapStateToProps,
    mapDispatchToProps
)(Hello)

這是islogoin

import React from 'react'

class islogoin extends React.Component {
    render() {
        const loginstate=this.props.logininfo.islogin
        if(loginstate=='no'){
          return (
              <p>Please sign up!</p>
          )
        }
        else{
          return (
              <p>Welcome back!</p>
          )
        }

    }
}
export default islogoin

這是問題
clipboard.png

我是哪里寫的不對么

回答
編輯回答
熟稔

Redux沒有關(guān)系。

你的JSX寫錯了,islogoin組件開頭要大寫,否則React會把它當成原生HTML標簽。

原生HTML標簽不能隨便加屬性的

2018年5月26日 18:15
編輯回答
話寡

請用首字母大寫的名字做組件名,否則 JSX 會當作普通 DOM 元素對待,在上面用非 DOM 標準的屬性會報錯。

2017年4月29日 16:09