Владислав

Server public key has changed - сменился публичный ключ сервера. Вам нужно удалить сохранённый ключ из /.ssh/known_hosts

ssh-keygen -R 127.0.0.1:2222

Добрый день.
Замените
$post = Post::findOne($id);
На

$post = Post::find()->with('comments')->where('id=:id', [':id' => $id])->one();

public function getPost()
    {
        return $this->hasOne(Post::class, ['id' => 'post_id']);
    }

Ну и аннотации напишите, конечно

Список постов - это db, да? Ну так и фильтруйте его перед передачей в Posts. Например, так:

render() {
  const
    text = this.state.filterText,
    posts = text ? db.filter(n => n.descr.includes(text)) : db;

  return(
    <div className="App">
      <Nav/>
      <Header/>
      <SearchBar
        filterText={this.state.filterText}
        onUserInput={this.handleUserInput}
      />
      <Posts handleUserIput={this.state.filterText} data={posts}/>
      <Footer/>
    </div>
  );
}

видимо не готов ты еще раз не можешь такое тестовое задание решить
у тебя есть серч компонент и колбек который идет от ончендж меняет стейт который передается как в серч так и в постс, тебе надо просто использовать правила фильтрации в постс

{
                            !this.handleUserIput ? this.props.data.map(data =>
                                <Post key={data.id} title={data.title} img={data.img}  descr={data.descr}/>
                        ) : 
                         this.props.data.filter(data=>data.title===this.handleUserIput).map(data =>
                                <Post key={data.id} title={data.title} img={data.img}  descr={data.descr}/>
                        )}

чет типо такого

попробуйте так
https://jsfiddle.net/L1xaLze7/

Я вам писал в прошлом вопросе как это сделать.
Измените свой роут:
<Route path="/more/:id" component={More}/>

измените ссылку:

<Link to={`more/${this.props.itemId}`} className="descr">подробнее</Link>

измените компонент:

export default function More(props){
    const { id } = props.match.params;
    const item =props.items[id];
    const { id, title, descr, img, price } = item;
    
    return(
        <div className="more__info">
           ...
        </div>
    );
}

А ссылка для перехода будет не такая:
localhost:3000/more_id1
а, при id = 1 такая:
localhost:3000/more/1

По-хорошему redux.
Но вы так же можете передавать список из App в Items с колбек функцией, которая запишет в state компонента App id выбранного продукта, ее надо прокинуть через Items в каждый Item и там по клику вызывать:

class App extends Component {
  state = {
    activeItemId: -1,
  };
  
  selectItem = id => {
    this.setState({
       activeItemId: id,
    });
  };

  render() {
    const { items } = this.props;
    const { activeItemId } = this.state;
   
    const activeItem = items.find(item => item.id === selectedItemId);

    return (
      <Wrapper>
        <More item={activeItem} />
        <Items 
          items={items}
          onSelectItemCalback={this.selectItem}
        />
      </Wrapper>
    );
  }
}

Вам нужно использовать redux

Нехорошее решение - хранить в корзине сумму. Из-за этого вы при удалении элемента не можете правильно определить, сколько надо вычесть. Лучше так - хранить не сумму, а сами элементы. Когда сумма понадобится - посчитать её. Например.

Метод handleCartPriceChange, замените

this.setState({ price: this.state.price + price, title: [this.state.title+title]});

на

this.setState({
  price: this.state.price + price,
  title: this.state.title.concat(title)
});

Наверное, вместо

this.setState({price});

должно быть что-то вроде

this.setState({ price: this.state.price + price });

И дефолтное значение price - почему пустая строка? Такой суммы не бывает. Бывает 0.

Перенесите active из NavLink в Nav (кстати, а что там после этого останется? - да ничего, кроме рендеринга a, которому прокидываются props без изменений; получается, что не так уж и нужен этот компонент, проще создавать этот a сразу в Nav), и хранить в нём индекс активного элемента:

state = {
  active: null,
  ...
}

setActive(active) {
  this.setState({ active });
}

{this.state.items.map((n, i) => (
  <li>
    <NavLink
      href="#"
      className={this.state.active === i ? 'active' : ''}
      onClick={() => this.setActive(i)}
    >
      {n}
    </NavLink>
  </li>
))}

Попробуйте так
https://jsfiddle.net/gmua11a5/