小编Pan*_* P.的帖子

在 <select> <option> 中反应路由器链接

在那里,我正在尝试使用select框中的React Router Link 过滤一些日期,其中包含 4 个options。当我options用路由器链接包装时,我看不到select框中的值(为空),有什么想法吗?

这是我到目前为止所拥有的。

import React from 'react';
import { Link } from 'react-router-dom';
import styled from '@emotion/styled';

const Wrapper = styled.div`
  display: grid;
  grid-template-columns: 10% 80% 10%;
  grid-template-rows: 1fr;
  width: auto;
  height: 40px;
  margin: 10px 0;
`;

const LinkQuery = styled(Link)`
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  text-shadow: 1px 1px 1px #000000;
  color: ${props => props.theme.colors.primary};
`;

export const SelectBox = styled.select`
  grid-column: 2 / 3; …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router

0
推荐指数
1
解决办法
2078
查看次数

标签 统计

react-router ×1

reactjs ×1