This is the title of the webpage!
{"ScriptPreparationCode":"function ComponentWithOuterFunctionUseCallback() {\r\n const [state, setState] = React.useState();\r\n function functionToTest(evt) {\r\n\tevt.preventDefault();\r\n setState(\u0027test\u0027);\r\n }\r\n const testFunction = React.useCallback(functionToTest, []);\r\n return React.createElement(\u0027button\u0027, {onClick: testFunction}, \u0027Test click\u0027);\r\n}\r\n\r\nfunction ComponentWithUseCallback() {\r\n const [state, setState] = React.useState();\r\n const testFunction = React.useCallback(evt =\u003E {evt.preventDefault(); setState(\u0027test\u0027);}, []);\r\n return React.createElement(\u0027button\u0027, {onClick: testFunction}, \u0027Test click\u0027);\r\n}\r\n\r\nfunction ComponentWithInlineFunction() {\r\n const [state, setState] = React.useState();\r\n function testFunction(evt) {\r\n evt.preventDefault();\r\n setState(\u0027test\u0027);\r\n }\r\n return React.createElement(\u0027button\u0027, {onClick: testFunction}, \u0027Test click\u0027);\r\n}\r\n\r\nfunction ComponentWithArrowFunction() {\r\n const [state, setState] = React.useState();\r\n const testFunction = (evt) =\u003E {\r\n evt.preventDefault();\r\n setState(\u0027test\u0027);\r\n }\r\n return React.createElement(\u0027button\u0027, {onClick: testFunction}, \u0027Test click\u0027);\r\n}\r\n\r\n\r\nconst testFunctionInlineOutside = function(evt, setState) {\r\n return evt.preventDefault();\r\n setState(\u0027test\u0027);\r\n}\r\nfunction ComponentWithInlineFunctionOutside() {\r\n const [state, setState] = React.useState();\r\n return React.createElement(\u0027button\u0027, {onClick: (evt) =\u003E testFunctionArrowOutside(evt, setState)}, \u0027Test click\u0027);\r\n}\r\n\r\nconst testFunctionArrowOutside = (evt, setState) =\u003E {\r\n evt.preventDefault();\r\n setState(\u0027test\u0027);\r\n}\r\nfunction ComponentWithArrowFunctionOutside() {\r\n const [state, setState] = React.useState();\r\n return React.createElement(\u0027button\u0027, {onClick: (evt) =\u003E testFunctionArrowOutside(evt, setState)}, \u0027Test click\u0027);\r\n}\r\n\r\n","TestCases":[{"Name":"ComponentWithOuterFunctionUseCallback","Code":"ReactDOM.render(React.createElement(ComponentWithOuterFunctionUseCallback), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithUseCallback","Code":"ReactDOM.render(React.createElement(ComponentWithUseCallback), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithInlineFunction","Code":"ReactDOM.render(React.createElement(ComponentWithInlineFunction), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithArrowFunction","Code":"ReactDOM.render(React.createElement(ComponentWithArrowFunction), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithInlineFunctionOutside","Code":"ReactDOM.render(React.createElement(ComponentWithInlineFunctionOutside), document.getElementById(\u0027root\u0027))","IsDeferred":false},{"Name":"ComponentWithArrowFunctionOutside","Code":"ReactDOM.render(React.createElement(ComponentWithArrowFunctionOutside), document.getElementById(\u0027root\u0027))","IsDeferred":false}]}