Reactjs 在同一文件中的两个组件之间传递数据

我有两个导出要在同一个文件中完成。我想把它们都还回去。一个有一个组件，另一个返回一个值。我需要将组件中单击事件返回的值传递给其他函数

export const CategoryButton = (props) => {
const [clickedCatCode, setClickedCatCode] = useState("");

function parentCallback(){
    setClickedCatCode(props.cat_code);
    return clickedCatCode;
}

return(
    <div className="cat-button">
        <button onClick={parentCallback} id={props.cat_code}>
            <div className="cat-button-image">
                <img src = {props.cat_image} alt={props.cat_name} key={props.cat_code}/>
            </div>
            <div className="cat-button-text">
                {props.cat_name}
            </div>
        </button>
    </div>
);

export const cat_code = //This should have the value from the above click event