如何在material-ui元素中插入console.log以验证对象/数组/值

import React from 'react';

const MyComponent = () => {
  const myObject = { name: 'John', age: 25 };

  console.log(myObject); // 在控制台打印对象

  return (
    <div>
      {/* 组件的其他内容 */}
    </div>
  );
};

export default MyComponent;

import React from 'react';

const MyComponent = () => {
  const myArray = ['apple', 'banana', 'orange'];

  console.log(myArray); // 在控制台打印数组

  return (
    <div>
      {/* 组件的其他内容 */}
    </div>
  );
};

export default MyComponent;

import React from 'react';

const MyComponent = () => {
  const myValue = 'Hello, world!';

  console.log(myValue); // 在控制台打印值

  return (
    <div>
      {/* 组件的其他内容 */}
    </div>
  );
};

export default MyComponent;