React:如何显示默认对象并突出显示li粗体？

import React from 'react';

class DefaultList extends React.Component {
  render() {
    const defaultObject = {
      name: 'Default Object',
      items: ['Item 1', 'Item 2', 'Item 3']
    };

    return (
      <div>
        <h2>{defaultObject.name}</h2>
        <ul>
          {defaultObject.items.map((item, index) => (
            <li key={index}><strong>{item}</strong></li>
          ))}
        </ul>
      </div>
    );
  }
}

export default DefaultList;

import React from 'react';
import DefaultList from './DefaultList';

class App extends React.Component {
  render() {
    return (
      <div>
        <h1>React App</h1>
        <DefaultList />
      </div>
    );
  }
}

export default App;