数组字符串中的React Js新行通过props传递

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const arrayString = ['Hello', 'World', 'React'];

  return (
    <div>
      <ChildComponent arrayString={arrayString} />
    </div>
  );
};

export default ParentComponent;

// 子组件
import React from 'react';

const ChildComponent = (props) => {
  const { arrayString } = props;

  const newArrayString = arrayString.map((item) => item + '\n');

  return (
    <div>
      {newArrayString}
    </div>
  );
};

export default ChildComponent;