如何在react中将温度以摄氏度显示为RGB？

import React, { Component } from 'react';

class TemperatureDisplay extends Component {
  constructor(props) {
    super(props);
    this.state = {
      temperature: 0,
    };
  }

  handleTemperatureChange = (event) => {
    this.setState({ temperature: event.target.value });
  }

  calculateRGB = () => {
    const { temperature } = this.state;
    // 根据温度值计算RGB颜色
    // 这里只是一个简单的示例，实际计算逻辑可以根据需求进行调整
    const red = Math.floor(255 * (temperature / 100));
    const green = Math.floor(255 * ((100 - temperature) / 100));
    const blue = 0;
    return `rgb(${red}, ${green}, ${blue})`;
  }

  render() {
    const { temperature } = this.state;
    const rgbColor = this.calculateRGB();

    return (
      <div>
        <input type="number" value={temperature} onChange={this.handleTemperatureChange} />
        <div style={{ backgroundColor: rgbColor, width: '100px', height: '100px' }}></div>
      </div>
    );
  }
}

export default TemperatureDisplay;