如何使用ReactToPrint插件在pdf中显示下拉选定值？

npm install react-to-print

import React from 'react';
import ReactToPrint from 'react-to-print';

class ComponentToPrint extends React.Component {
  render() {
    return (
      <div>
        {/* 组件内容 */}
      </div>
    );
  }
}

class PrintButton extends React.Component {
  render() {
    return (
      <div>
        <ReactToPrint
          trigger={() => <button>打印</button>}
          content={() => this.componentRef}
        />
        <ComponentToPrint ref={el => (this.componentRef = el)} />
      </div>
    );
  }
}

export default PrintButton;

import React from 'react';

class ComponentToPrint extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedValue: '',
    };
  }

  handleSelectChange = event => {
    this.setState({ selectedValue: event.target.value });
  };

  render() {
    return (
      <div>
        <select value={this.state.selectedValue} onChange={this.handleSelectChange}>
          <option value="option1">选项1</option>
          <option value="option2">选项2</option>
          <option value="option3">选项3</option>
        </select>
      </div>
    );
  }
}

export default ComponentToPrint;

import React from 'react';
import ReactToPrint from 'react-to-print';
import ComponentToPrint from './ComponentToPrint';

class PrintButton extends React.Component {
  render() {
    return (
      <div>
        <ReactToPrint
          trigger={() => <button>打印</button>}
          content={() => this.componentRef}
        />
        <ComponentToPrint ref={el => (this.componentRef = el)} selectedValue={this.state.selectedValue} />
      </div>
    );
  }
}

export default PrintButton;