Question

我正在将一些Django应用程序转换为React，但是遇到一些我认为很简单的问题。我需要直接链接到我的React Blog Post应用。回到我的博客应用是Django应用时，我会像这样链接它：

<a href="{% url 'posts:details' 'title_of_blog_post' %}" class="alert-link"> Click here</a>

现在我的应用程序是React应用程序，我需要链接到特定博客帖子，而无需使用完整的外部链接。我能够链接到应用程序的唯一方法是使用href="{% url 'posts-list' %}"，但这只是将我带到发布应用程序的登录页面，而不是我需要呈现的特定发布。

App.js

class App extends Component {
  render() {
    return (
      <BrowserRouter>
          <Switch>
            <Route exact path='/posts/create' component={PostCreate}/>
            <Route exact path='/posts/' component={Posts}/>
            <Route exact path='/posts/:slug' component={PostDetail}/>
            <Route component={Posts}/>
          </Switch>
      </BrowserRouter>
    );
  }
}

posts.urls.py

    path('', views.PostListCreateAPIView.as_view(), name='list-create'),
    re_path(r'^(?P<slug>[\w-]+)/$', views.PostDetailAPIView.as_view(),
            name='detail'),

MySite.urls.py

    re_path(r'^posts/', TemplateView.as_view(template_name='posts/react.html'),
            name='posts-list'),
    path('walking', TemplateView.as_view(template_name='posts/walking.html')),
    path('api/posts/', include('posts.urls')),

您能提供的任何帮助将不胜感激！

编辑：

这似乎可行，尽管我的IDE抛出错误：

<a href="/posts/title_of_blog_post" class="alert-link"> Click here</a>

如何从Django模板创建到我的React应用程序的链接

0 个答案: