如何将数字作为道具传递给带样式的组件？

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

const ParentComponent = () => {
  const number = 42; // 定义数字变量

  return (
    <div>
      <ChildComponent number={number} /> {/* 将数字变量作为道具传递给子组件 */}
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = ({ number }) => {
  return (
    <div style={{ fontSize: '20px', color: 'blue' }}>{number}</div> {/* 使用接收到的数字道具，并应用样式 */}
  );
};

export default ChildComponent;