[英]Error mensage “state is not defined” in Meteor + React.
這個功能有什么問題,我嘗試在滾動時淡化導航欄,但是在以下功能中卻拋出了錯誤?
const opacity = Math.min(100/state.alturaActualScroll, 1);
我有我的導航欄組件,但告訴我該狀態尚未定義,但我不知道因為錯誤,這是我的代碼
import React from 'react';
import {Link} from 'react-router'
import { Accounts } from 'meteor/accounts-base';
import {Meteor} from 'meteor/meteor';
export default class NavbarLanding extends
React.Component {
componentDidMount() {
window.onscroll =()=> {
this.setState({
alturaActualScroll: window.scrollY})
}
}
componentDidMount () {
window.onscroll =()=>{
nuevaAlturaScroll = Math.ceil(window.scrollY / 50) *50;
if(this.state.alturaActualScroll != nuevaAlturaScroll){
this.setState({alturaActualScroll:nuevaAlturaScroll})
}
}
}
// update
render() {
// console.log('donde estoy');
const opacity = Math.min(100/state.alturaActualScroll, 1);
return(
<div style={opacity}id="navbar"className="navbar-landing">
<nav>
<div>
<ul className="ul-landing">
{/* <img src="./public/images/flat-rocket.jpg"></img> */}
<li id="navbar-landing-title" className="navbar-title"><a>Landing </a></li>
<div id="menu-landing"className="navbar-menu">
<li><a>acerca</a></li>
<li><a>portafolio</a></li>
<li><a>contacto</a></li>
<button className="btn"onClick={() => Accounts.logout()}>Logout</button>
</div>
</ul>
</div>
</nav>
</div>
);
};
}
NavbarLanding.reactProptype = {
title: React.PropTypes.string.isRequired
};
您的代碼應為
const opacity = Math.min(100/this.state.alturaActualScroll, 1);
您忘記了在訪問組件狀態時添加了this
關鍵字,這導致解釋器尋找名為state的局部變量而不是類級別的state變量。
根據Felix Kling和zerkms的評論進行編輯和更正
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.