Реагировать маршрутизатор реквизита URL

Question

Я новичок реагировать так, пожалуйста, простите мою терминологию ...

Я пытаюсь создать представление на веб-сайт для портфолио элементов, каждый элемент портфель будет использовать один и тот же вид, но имеют уникальный url ...

site.com/project1, site.com/project2, я хочу, чтобы они были созданы из json-данных, как бы я мог создавать их на ходу, а не жестко их кодировать? Например, я добавляю project3 (со свойствами) в json-файл, эта страница будет добавлена ​​в список?

Если это делает никакой разницы я не использую Redux, только простой SPA ...

спасибо!

Answer 1

Я считаю, что самый лучший способ в вашем случае является определение маршрутов как этот

<Router> 
    ... 
    <Route path="/project/:id" component={Project}> 
</Router>` 

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

class Project extends Component { 
    ... 
    componentDidMount() { 
    loadProject(this.props.params.id); 
    } 
    ... 
}