![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
只会cv的小前端
昆明前端已嘎,直播去 dy 君泽(萤火突击)
展开
-
react函数式组件通信
父亲通过props给子传递信息父组件:import Son1 from './Son1' //引入子组件import { useState } from 'react'function Father(){ let [text, setText] = useState(0) return ( <> <Son1 text={text}></Son1> </> )}export default Father子组件:原创 2022-05-12 17:37:00 · 1456 阅读 · 0 评论 -
react双向绑定、监听、计算
在组件内部,我们使用useState来定义一个名为value的状态变量,并将其初始化为props.value。最后,我们在App组件中渲染了一个h1元素来显示name的值,并渲染了一个TextInput组件来实现双向绑定。在上面的例子中,我们定义了一个名为TextInput的组件,它接收一个value和onChange属性。在App组件中,我们使用useState来定义一个名为name的状态变量,并将其初始化为空字符串。一、在React中,函数式组件是一种轻量级的组件类型,它通常用于简单的UI组件。原创 2022-05-07 16:01:36 · 2265 阅读 · 0 评论 -
react插槽使用
slot(默认插槽)子:import React, { useState, useEffect } from "react"export default function Dialog(props) { // 原谅我用visible -1这种傻叉的方式先实现了, 重点不是在这里 const { children, title = '', visible = -1 } = props const [visibleInner, setVisibleInner] = useState(false原创 2022-05-07 11:20:36 · 953 阅读 · 0 评论