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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    组件间的高度传递?
    23
    0

    父亲组件里mounted 里取的height通过prop传递给子组件在div里充当高度,但是不起作用怎么办?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 忘卜掉的曾经 普通会员 1楼

      组件间的高度传递是指在前端开发中,不同组件之间共享高度属性或者数据时,需要通过一些机制来实现高度传递。这种方式可以帮助提高组件之间的耦合度,减少组件之间的相互依赖。

      在React中,高度传递可以通过props或state来实现。props是父组件传递给子组件的属性,子组件可以将这些属性值设置为自身组件的state,然后通过改变这些state值来改变子组件的高度。

      例如,父组件:

      ```jsx class ParentComponent extends React.Component { state = { height: 100 };

      componentDidMount() { // 更新子组件的高度 this.setState({ height: this.state.height + 50 }); }

      render() { return (

      ); } } ```

      子组件:

      ```jsx class ChildComponent extends React.Component { state = { height: 50 };

      componentDidMount() { // 更新父组件的高度 this.props.height = this.state.height + 50; }

      render() { return (

      // 组件内容
      ); } } ```

      在这个例子中,子组件通过props获取到父组件的高度,并将其设置为自身高度的50。这样,子组件的高度就不再是独立于父组件高度的值,而是通过高度传递的方式被传递给父组件。

      除了props和state,React还有其他的方式实现高度传递,例如使用<nav>组件、<dropdown>组件等。这些组件通常通过props来传递高度属性或数据。

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