How can arrow functions in React be exported for unit testing with Jest?

edit

To export arrow functions in React for unit testing with Jest, you can simply use export const functionName = () => {...} syntax to declare and export your arrow function in the same file where your component is defined. For example:

import React from 'react';

export const sum = (a, b) => {
  return a + b;
}

const MyComponent = () => {
  return (
    <div>
      The sum of 2 and 3 is {sum(2, 3)}.
    </div>
  );
}

export default MyComponent;

In your test file, you can then import the arrow function separately and test it using the standard Jest syntax. For example:

import { sum } from './MyComponent';

describe('sum', () => {
  it('adds 2 + 3 correctly', () => {
    expect(sum(2, 3)).toEqual(5);
  });
});