账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    render()函数的return问题
    37
    0
     render() {
        const users = this.props.chatMsg.users
        if(!users) {
          return null
        }
        console.log(users)
        return <div>{users}</div>
     }

    users里面的数据是异步获取的,在render函数中使用renturn null为什么没用啊,还是会去执行接下来的代码

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 填海的精灵 普通会员 1楼

      在JavaScript中,render()函数是React中的一个重要函数,它返回一个React组件的HTML代码。当使用render()函数渲染一个React组件时,通常会返回一个包含组件内容的字符串。

      但是,有时候我们可能会遇到render()函数返回的HTML代码中包含了一些问题。例如,如果render()函数返回的内容没有正确地渲染到React组件中,或者返回的内容与预期不符,那么就会导致React组件无法正确地渲染出来。

      为了解决这个问题,我们需要检查render()函数返回的内容,并确保它能够正确地渲染到React组件中。例如,我们可以使用React.createElement()函数来创建新的元素,或者使用React.render()函数来渲染React组件。此外,我们还可以使用条件语句来检查render()函数返回的内容,确保它能够正确地渲染到React组件中。

      例如,以下是一个使用条件语句来检查render()函数返回的内容的示例:

      ```javascript render() { const { children } = this.props;

      if (children.length > 0) { return React.createElement('div', { children }); } else { return ''; } } ```

      在这个示例中,我们检查children属性的值是否大于0。如果是,我们就使用React.createElement()函数来创建一个新的div元素,并将children属性的值添加到其中。否则,我们就返回一个空字符串。

      通过这种方式,我们可以确保render()函数返回的内容能够正确地渲染到React组件中。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部