Migrate ReportActionItem.js to function component

[marcaaron]

Class Component Migration

Filenames

• src/pages/home/report/ReportActionItem.js
  • type: React.Component
  • has state values: true
  • has refs: true
  • has context: false
  • lifecycle methods: componentDidUpdate,shouldComponentUpdate

Task

• We currently have some class components in our codebase that we would like to refactor to a function component.
• Here's a link with some general advice on how to refactor a class component to a function component: https://react.dev/reference/react/Component#alternatives
• If you need additional guidance, please ask in #expensify-open-source
• Test for any regressions and verify that there are no breaking changes

[jasperhuangg]

@marcaaron Does this still need to be on HOLD?

[marcaaron]

We've already started so I think this can come off HOLD. But maybe we can wait for some more "official" word before continuing with the others.

The official word is just me posting an update somewhere soon saying that we should start looking into them 😄

[marcaaron]

@jasperhuangg taking this issue off HOLD as per this Slack post

IMPORTANT: If anything unexpected pops up during the refactor/review:

• Take it to #expensify-open-source to get clarification on.
• Prefix the conversation with [HOOK REFACTOR] so that we can find it easily.
• Link the result of the conversation in this section of the Design Doc titled “Best Practices Conversations”
• Add it to the STYLE.md guide in this open PR so we can reference it and apply any teachings in the next phase

[jasperhuangg]

We're still under review here