how can I use the variable below theId from file1 in another js file2 in react?

file1.js import .....

    class File1 extends React.Component {
  constructor(props) {
    super(props);
    this.state = { 
      file: "1",
    
      items: [],
      isLoaded: false, 
  
    };

    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleSubmit(event) {
    var theId = this.state.file 
    console.log("File rowid: " + theId);
    event.preventDefault();
  }
  handleChange = event => {

    this.setState({ file: event.target.value });
  };

  Etc...

file2.js

import ....

const File2 = () => {

  const [chart, setChart] = useState([])
  
  var **myId** = file1.theID //  Here is where I want to use the value from File1

  var baseUrl = "https:// xxxxxxxxx"+**myId**;


etc...

here is the project structure How can I call it in file2.js?

Thank you for your help