React:如何将宽度作为道具从组件传递

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

class ParentComponent extends React.Component {
  render() {
    const width = 100; // 定义宽度变量
    return (
      <div>
        <ChildComponent width={width} /> // 将宽度作为属性传递给子组件
      </div>
    );
  }
}

export default ParentComponent;

import React from 'react';

class ChildComponent extends React.Component {
  render() {
    const { width } = this.props; // 接收宽度属性
    return (
      <div style={{ width: `${width}px` }}> // 在需要的地方使用宽度属性
        {/* 子组件内容 */}
      </div>
    );
  }
}

export default ChildComponent;