Самое важное - тебе не стоит формировать этот массив в JSX. Оставь его для отображения. Конечно, реализовывать условный рендеринг и прочие мелкие штучки можно. Но компоненты лучше разбивать на содержащие логику и презентационные.
К твоему вопросу - у тебя есть пропс choseDateStatus. Если эта переменная false, то сгенерируй новый, тебе нужный массив (как ты это делаешь в JSX). Но сделай это перед return (это место для логики), а не в JSX. Для этого тебе пригодится useEffect для управления жизненным циклом компонента и useState для хранения данных (состояния твоего компонента)
например:
export const Days = ({ choseDateEvent, choseDateStatus, dataTimes }) => {
const [yourArray, setYourArray] = useState([])
useEffect(() => {
if (choseDateStatus) {
// code when condition true
setYourArray(...) // some array you need
} else {
// code when condition false
setYourArray(...) // some array you need
}
// do re-render when choseDateStatus changed
}, [choseDateStatus])
return (
...
<Order availibleTime={yourArray} />
...
)}
Не забудь принять данные в качестве пропса availibleTime в Order компоненте. Удачи с React ;)
