Improve Result Component

[VulpesVulpes825]

The improved Result component should use React Hooks and include following parameters:

• status parameter that take success | error | info | warning
• title parameter to dispaly a title under the icon on Result page
• intro parameter to display additional information for explanation.

Antd Result Component is a good example.

[uhtna]

How would I call the Result function within Survey.jsx? I don't exactly understand what the current return Result section does. I want to start testing my Result.jsx but don't know if what is currently in Survey.jsx actually interacts with the parameters in Result.jsx at all.

[VulpesVulpes825]

@uhtna Please check here for more about Suspense. In short, suspense enable code splitting, so we only load Result component when we need it, which is at the end.

[uhtna]

Ok I see. How can I test my updated Result.jsx file? I tried to implement some stuff to output results based on the parameters you requested but don't understand where or how to call the function.

[VulpesVulpes825]

@uhtna Easiest way, add a new route in App.jsx with additional route like this:
<Route path='/result' component={<Result status={warning}/>} />
Then access localhost:3000/result

[uhtna]

I'm recieving an error when adding the route.

[VulpesVulpes825]

@uhtna Have you imported Result?
P.S You can create a PR now with whatever you have written, and push further changes to the some branch you create PR for auto update.

[uhtna]

How would I import it?

I took this from Survey.jsx and added it to App.jsx

[VulpesVulpes825]

@uhtna Check the React manual for detail