使用map来绑定这个在reactjs组件中失败？

Question

我很困惑为什么在执行map时无法正确设置状态。关于如何正确设置绑定而不构建用于设置状态的特定功能的任何建议？

export default class Marker extends Component {


constructor(props) {
    super(props);
    this.state = {events:''};
}
    componentDidMount(){
        fetch("/json/meetup.json").then((response) =>{
            return response;
        }).then((json) => {
            this.setState({events: json});
        }).catch((error) => {
            console.log(error);
        })

    };

render() {
   var finally1 = this.state.events.results.map((result) => {
        if (result.venue) {
            <img lat={result.venue.lat} lng={result.venue.lon} src='images/32/flat_Golf.png'/>
        }
    }, this);
    return (
    {finally1}
)};

};

Answer 1

你不需要这个胖箭头功能 还要添加一个返回语句

render() {
   var finally1 = this.state.events.map((result) => {
        if (result.venue) {
            return (<img lat={result.venue.lat} lng={result.venue.lon} src='images/32/flat_Golf.png'/>)
        }
    });
    return (
    <div>
     {finally1}
    </div>
)};