我遇到了范围界定问题。我可以从构造函数中 console.log this.props.routeParams.key 。但是,当在构造函数之外的 filterList 函数内时,我收到错误“Uncaught TypeError:无法读取未定义的属性“props””。我的范围界定问题是什么?为什么它可以从构造函数中读取 this 而不能从 filterList 函数中读取?
我正在使用 React Router + Flux + React。
import AltContainer from 'alt-container';
import React from 'react';
import { Link } from 'react-router';
import Blogger from './Blogger'
import List from './List'
const rootURL = 'https://incandescent-fire-6143.firebaseio.com/';
import BlogStore from '../stores/BlogStore'
import BlogActions from '../actions/BlogActions';
export default class BlogShow extends React.Component {
constructor(props) {
super(props);
{console.log(this.props.routeParams.key)}
}
filterList(key) {
if (this.props.routeParams.key===key){
return Blogstore.state.blog
}
}
render() {
{Object.keys(BlogStore.state.blog).map(this.filterList)}
}
}
最佳答案
发生这种情况是因为您的 filterList 函数未绑定(bind)到您的组件
将其绑定(bind)到构造函数中
constructor(props) {
super(props);
this.filterList = this.filterList.bind(this);
}
您读到过here
关于reactjs - React + React Router 中的范围界定,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36967825/