¿Cómo puedo usar la variable debajo del Id del archivo 1 en otro archivo js 2 en reaccionar?

importar file1.js .....

 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...

archivo2.js

importar ....

 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...

aquí está la estructura del proyecto ¿Cómo puedo llamarlo en file2.js?

Gracias por tu ayuda