Wancc123的博客

父亲通过props给子传递信息父组件：import Son1 from './Son1' //引入子组件import { useState } from 'react'function Father(){ let [text, setText] = useState(0) return ( <> <Son1 text={text}></Son1> </> )}export default Father子组件：

在组件内部，我们使用useState来定义一个名为value的状态变量，并将其初始化为props.value。最后，我们在App组件中渲染了一个h1元素来显示name的值，并渲染了一个TextInput组件来实现双向绑定。在上面的例子中，我们定义了一个名为TextInput的组件，它接收一个value和onChange属性。在App组件中，我们使用useState来定义一个名为name的状态变量，并将其初始化为空字符串。一、在React中，函数式组件是一种轻量级的组件类型，它通常用于简单的UI组件。

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