react篇章-React 组件-向组件传递参数

react

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<title>菜鸟教程 React 实例</title>

<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>

<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>

<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>

</head>

<body>

<div id="example"></div>

<script type="text/babel">

function HelloMessage(props) {

return <h1>Hello {props.name} {props.name1}!</h1>;

}

const element = <HelloMessage name="Zzw LearningReact" name1="unHappy"/>;

ReactDOM.render(

element,

document.getElementById('example')

);

</script>

</body>

</html>

以上是 react篇章-React 组件-向组件传递参数 的全部内容, 来源链接: utcz.com/z/383376.html

回到顶部