Javascript react.js arrow函数返回注释 类问候语扩展了React.Component{ 陈述={ 用户名：'u1'， 用户：['u1'，'u2'] } 建造师（道具）{ 超级（道具）； this.uList=this.uList.bind（this）； } uList=（）=>{ 返回this.state.user.map（（u）=>{ 控制台日志（u）； 返回{u}； }); } render（）{ 返回(

你好，世界

{this.uList} ); } } 完整代码：

我第一次用cdn尝试react.js，它只给了我hello world，但没有呈现列表

---

这是为什么？

您需要调用函数

class Greeting extends React.Component {
    state={
        username:'u1',
        user:['u1','u2']
    }

    constructor(props){
        super(props);
        this.uList=this.uList.bind(this);
    }

    uList = () =>{
        return this.state.user.map((u)=>{ 
            console.log(u);
            return <li>{u}</li>; 
        }); 
    }

    render() {
        return (<div>
            <p>Hello world</p>
            {this.uList}
                </div>

            );
    }
}

render（）{
返回(
你好，世界

{this.uList（）}
);
}

您需要执行以下功能：

render() {
  return (<div>
      <p>Hello world</p>
      {this.uList()}
    </div>
  );
}

render（）{
返回(
你好，世界

{this.uList（）}
);
}

实际上，您根本不调用您的方法。您错过了括号

（）

render（）{
返回(
你好，世界

{this.uList（）}
);
}

尝试调用函数

{this.uList（）}

Typo。你需要调用函数，而不仅仅是提及它。添加

（）

你真的认为这个问题需要答案吗，或者这会对其他读者有所帮助？请尽量避免回答打字错误的问题…我想从OP的角度得到答案。你真的认为这个问题需要答案吗？或者这将有助于进一步的读者？请尽量避免回答打字错误的问题…没错，同意！在发布到公共论坛之前，他可能会真的尽了最大的努力！：）你真的认为这个问题需要一个答案吗？或者这会帮助更多的读者？请尽量避免回答打字错误的问题。。。

render(){
  return(
    <div>
      <p>Hello world</p>
      {this.uList()}
    </div>
  );
}

render() {
  return (
    <div>
      <p>Hello world</p>
      {this.uList()}
    </div>
  );
}