\u6700\u540e\u7684\u5c55\u793a\u5982\u4e0b:<\/p>\n
![\"\"](\"https:\/\/www.369usa.com\/blog\/wp-content\/uploads\/2019\/06\/20190606230820.png\")
<\/p>\n
=)<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4ee3\u7801:<\/p>\n
\r\n\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nconst X = (props) => {\r\n\treturn <div>Colin<\/div>;\r\n}\r\n\r\nconst Y = (props) => {\r\n\treturn <div>Google<\/div>;\r\n}\r\n\r\nconst Z = (props) => {\r\n\treturn <div>Sean<\/div>;\r\n}\r\n\r\n\/\/This is a Higher Order Component\r\nconst Circlize = (Element) => {\r\n\tlet _style = {\r\n\t\tdisplay:'inline-block',\r\n\t\tbackground:'black',\r\n\t\tcolor:'white',\r\n\t\twidth:'200px',\r\n\t\theight:'200px',\r\n\t\tlineHeight:'200px',\r\n\t\tborderRadius:'50%',\r\n\t\ttextAlign:'center',\r\n\t\tmargin:'25px',\r\n\t}\r\n\t\/\/This props belongs to the parent compoment not the child!\r\n\treturn (props) => {\r\n\t\treturn <div style={_style}><Element\/><\/div>;\r\n\t} \r\n}\r\n\r\nconst CircleA = Circlize(X);\r\nconst CircleB = Circlize(Y);\r\nconst CircleC = Circlize(Z);\r\n\r\nconst App = (props) => {\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<CircleA \/>\r\n\t\t\t<CircleB \/>\r\n\t\t\t<CircleC \/>\r\n\t\t<\/div>\r\n\t);\r\n}\r\n\r\nReactDOM.render(\r\n\t<App \/>\r\n\t,\r\n\tdocument.getElementById('root')\r\n);\r\n\r\n\r\n<\/pre>\n\u6700\u540e\u7684\u5c55\u793a\u5982\u4e0b:<\/p>\n
<\/p>\n
=)<\/p>\n","protected":false},"excerpt":{"rendered":"