real2210

БЭМ,
styled-components

Если очень вкратце то

const like = useSelector(state => state.propReducer.like);

const dispatch = useDispatch();

///....
dispatch(onPlusLike(props.onLike+1))

Делаете страницу одну.
На странице будут блоки с информацией.
В этот компомнент стариницы пропсами прокидываете текст, список учителей, фото и т.д

Данные берете с бэкенда, по вашему ID общежития

Так же не обязательно хранить ИД в локал стораге, можете указать id как параметр url и обратится к нему через useParams()

record.phone

this.setState( (state)=>{...state, prePayment: {...state.prePayment, SumValue: 1000 }})

По второму вопросу я обычно делаю null либо undefined

К изучению

setState асинхронный метод, используйте колбек что бы после того как состояние изменится иметь актуальные данные

this.setState({
      messages : responce.data
    }, () =>  console.log(this.state.messages));
  ;

items : [{id:1,content:"asdfasf",active: false}, {id:2,content:"asdfasfd",active: false}]

{items.map((item) =>
<div  key={item.id} className={item.active && x="active'} onClick "какой то код"> {item.content} </div>
 )}

Если максимально просто то так.
Если максимально просто и хорошо, то советую прочитать это

Потому что ты устанавливаешь состояние -> компонент ре-рендерится -> срабатывает will update -> ты устанавливаешь сосотояние -> компонент ре-рендерится ...

передаете через пропсы метод который будет производить необходимые манипуляции у родителя