未定義類型錯(cuò)誤：無法讀取未定義的屬性“狀態(tài)”或“道具”因此，我開始將我的應(yīng)用程序從ES 2015轉(zhuǎn)換為ES6，它使用了Reaction。我有一個(gè)家長班和一個(gè)孩子班，export default class Parent extends Component {
constructor(props) {
super(props);
this.state = {
code: ''
};
}
setCodeChange(newCode) {
this.setState({code: newCode});
}
login() {
if (this.state.code == "") {
// Some functionality
}
}
render() {
return (
<div>
<Child onCodeChange={this.setCodeChange} onLogin={this.login} />
</div>
);
}}兒童班，export default class Child extends Component {
constructor(props) {
super(props);
}
handleCodeChange(e) {
this.props.onCodeChange(e.target.value);
}
login() {
this.props.onLogin();
}
render() {
return (
<div>
<input name="code" onChange={this.handleCodeChange.bind(this)}/>
</div>
<button id="login" onClick={this.login.bind(this)}>
);
}}Child.propTypes = {
onCodeChange: React.PropTypes.func,
onLogin: React.PropTypes.func};但是，這會(huì)導(dǎo)致以下錯(cuò)誤，狀態(tài)未定義它指的是，if (this.state.code == "") {
// Some functionality}知道是什么導(dǎo)致的嗎？
2 回答
MYYA
TA貢獻(xiàn)1868條經(jīng)驗(yàn) 獲得超4個(gè)贊
家長：
export default class Parent extends Component {
constructor(props) {
super(props);
this.state = {
code: ''
};
}
setCodeChange = (newCode) => {
this.setState({code: newCode});
}
login = () => {
if (this.state.code == "") {
// Some functionality
}
}
render() {
return (
<div>
<Child onCodeChange={this.setCodeChange} onLogin={this.login} />
</div>
);
}}兒童
export default class Child extends Component {
constructor(props) {
super(props);
}
handleCodeChange = (e) => {
this.props.onCodeChange(e.target.value);
}
login = () => {
this.props.onLogin();
}
render() {
return (
<div>
<input name="code" onChange={this.handleCodeChange}/>
</div>
<button id="login" onClick={this.login}>
);
}}Child.propTypes = {
onCodeChange: React.PropTypes.func,
onLogin: React.PropTypes.func};<Child onCodeChange={this.setCodeChange.bind(this)} onLogin={this.login.bind(this)} />
家長：
constructor(props) {
super(props);
this.state = {
code: ''
};
this.setCodeChange = this.setCodeChange.bind(this);
this.login = this.login.bind(this);}兒童
constructor(props) {
super(props);
this.handleCodeChange = this.handleCodeChange.bind(this);
this.login = this.login.bind(this);}
汪汪一只貓
TA貢獻(xiàn)1898條經(jīng)驗(yàn) 獲得超8個(gè)贊
<Child onCodeChange={this.setCodeChange.bind(this)} onLogin={this.login.bind(this)} />constructor(props){
super(props);
this.login = this.login.bind(this);
this.setCodeChange = this.setCodeChange.bind(this);}<Child onCodeChange={this.setCodeChange} onLogin={this.login} />添加回答
舉報(bào)
0/150
提交
取消