\u5982\u4e0b:<\/p>\n
\r\n\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\n\r\nconst Btn = function(props){\r\n\treturn (\r\n\t\t<button onClick={() => alert(props.message)}>{props.name}<\/button>\r\n\t);\r\n}\r\n\r\n\r\nfunction AlertBtn(El){\r\n\t\r\n\treturn (message) => {\r\n\t\r\n\t\t\/\/Return a anonymous class\r\n\t\treturn class extends React.Component{\r\n\t\t\t\r\n\t\t\tconstructor(props){\r\n\t\t\t\tsuper(props);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\trender(){\t\t\r\n\t\t\t\t\r\n\t\t\t\treturn(\r\n\t\t\t\t\t<El message={`Message : ${message} !`} name={message} \/>\r\n\t\t\t\t)\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\/\/Class End\r\n\t\t\r\n\t}\r\n\t\r\n}\r\n\r\n\r\nconst HocBtn = AlertBtn(Btn)('SAMPLE BUTTON');\r\n\r\n\r\nconst App = function(props){\r\n\treturn (\r\n\t\t<div><HocBtn \/><\/div>\r\n\t);\r\n}\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<\/pre>\n","protected":false},"excerpt":{"rendered":"