모달창에 URL을 부여해서 보여지는건 어떤 이점이 있나요?

import {useState} from "react";

function getItems() {
  const res = [];
  //fetch
  return res;
}

export default function App() {
  const [items, setItems] = useState([]);

  return <div>hi</div>
}

선생님 위 코드에 App밖에 저렇게 getItem함수를 만들어서 App안에서 실행하는거랑

import {useState} from "react";

export default function App() { 
 const [items, setItems] = useState([]);

 function getItems() {
  const res = [];
  //fetch
  return res;
 }

  return <div>hi</div>
}

이렇게 App안에서 함수를 만들어서 쓰는거랑 차이가 있나요?
getItems는 데이터를 받아오는 함수입니다

선생님 요즘 웹보안을 알아보고 있는데요

리액트는 xss공격을 알아서 방지해준다던데
신경쓸다른 보안이 있나요??

웹에는 파일다운로드,게시글작성폼,로그인 기능이 있어요