Digamos que tengo estos dos archivos: App.js (el archivo que realmente ejecuta el programa)

 const App = () => {
 const [variable1, setVariable1] = useState(0);
 return (
 <NewFile />
 );
}
export default App;

NewFile.js

 const NewFile = () => {
 const [partText, setPartText] = useState("");
 const [wholeText, setWholeText] = useState("");
 if (partText != "")
 {
 setWholeText(partText);
 }
 return (
 {wholeText}
 );
}
export default NewFile;

Ahora, aquí viene mi pregunta. ¿Cómo puedo configurar "variable1" para que sea igual a "wholeText" ? La solución más lógica sería: setVariable1(NewFile.wholeText) y obviamente no funciona así. He visto algunas soluciones con props , pero por lo que entendí, solo puedo pasar el valor de (en este caso) App.js a NewFile.js porque estoy llamando a NewFile.js en App.js

Puede que haya entendido mal los accesorios y puede que haya una forma sencilla de hacer lo contrario, pero por ahora no se me ocurre nada más.