React -TS学习 —— Props与 TS —— 特殊的children 属性

本文主要是介绍React -TS学习 —— Props与 TS —— 特殊的children 属性，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在此处 type和interface是一样的用法

// type Props = {
//   className: string,
// }
interface Props {className: string,title?: string, //？代表可选的参数children: React.ReactNode}
function Button(props:Props){const { className,children } = props;return <button className={className}>按钮{children}</button>
}
function App() {return (<>react-ts<Button className="btn" >click</Button><Button className="btn" children={'点击'} /><Button className="btn" ><span>span</span></Button></>)
}export default App

这篇关于React -TS学习 —— Props与 TS —— 特殊的children 属性的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---