react与前端UI界面进行交互

10 篇文章 0 订阅
本文详细介绍了在React中如何利用this.state在构造器中初始化状态,并在render()函数中使用this.setState()来更新状态。同时,通过Props在组件间传递数据,实现UI界面的数据交互。
摘要由CSDN通过智能技术生成

在react中通过this.state在construtor构造器里面进行设置值,对变量进行初始化,然后在render()函数的内部进行this.setSatae({})键值对改变值,通过props在UI界面里面进行数据间的交互。

const CardExampleCard = (props) => (
    <Card>
        <Image src='/images/logo.jpg' />
        <Card.Content>
            <Card.Header>wilson </Card.Header>
            <Card.Meta>
               <p>管理员:{props.manager}</p>
               <p>其他</p>
            </Card.Meta>

在cardExampleCard=(props)中通过props进行数据传递到UI。

  <CardExampleCard manager={this.state.manager} />

在react中设置相应的数据。

通过props在组件之间改变值。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值