无法使用 className 将 Css 样式应用于 React-datetime

Hem*_*ari 4 reactjs react-datetime

我正在尝试使用 className 将 border-radius: 5px 添加到 React-datetime 组件,但不起作用。

\n\n

例如:

\n\n
  import ReactDateTime from \xe2\x80\x98react-datetime\xe2\x80\x99;\n\n<ReactDateTime className=\xe2\x80\x98datetime\xe2\x80\x99 />\n\n .datetime{\n border-radius: 5px;\n }\n
Run Code Online (Sandbox Code Playgroud)\n\n

我知道react-datetime模块提供了单独的css样式。但我担心的是为什么当我使用 className 时它不接受。

\n

小智 5

尝试将 inputProps 与 className 一起使用,如下所示。它应该有效。

<DateTime inputProps={{className:'datetime'}} />
Run Code Online (Sandbox Code Playgroud)