Quisiera sabiduría de nuevo.

Estoy haciendo una aplicación de una sola página con bastantes llamadas AXIOS, como puede ver aquí.

 useEffect(() => { axios.all([ axios.request(options), axios.request(optionsQuote), axios.request(optionsDaily), axios.request(optionsNews) ],) .then(response => { setData(response) }) console.log(data); }, [tix])

Mi enigma es que esto se ejecuta cada vez que aterrizo en la página (por razones obvias) y tengo que tener una información inicial para que la aplicación funcione.

 const [tix, setTix] = useState('AAPL')

Quiero poder aterrizar en datos de tipo 'marcador de posición', para evitar la primera llamada inicial y solo llamar cuando el usuario busca y hace clic en el nombre de la empresa, datos. Esta función funciona bien después de que llega la página y se llama al inventario inicial (AAPL). Quiero no llamarlo.

El problema es que estoy tratando de crear una aplicación web de una sola página y me gustaría evitar el uso de rutas, si es posible.

Si dejo el estado inicial en blanco (''), el código se rompe ya que todos mis datos se derivan del hecho de que "datos" contienen datos.

 const [data, setData] = useState(null)

¿La única forma de obtener la página inicial sin que se muestren los datos es crear otro componente (como 'página de destino')? Si es así, ¿cómo hago para hacer eso?