如何将字符串 + javascript 组合为类名？

Question

如何将 javascript 变量与字符串组合起来？我必须连接变量吗？

{ /* JSX + Bootstrap */ }
<div className={s.container} + "col-md-offset-4 col-md-4 well">

编辑：谢谢您的帮助。这是我收到的错误

<div className={'col-md-offset-4 col-md-4 well' + s.container}>
// Error: Unexpected string concatenation

感谢您的建议...这是我按照这些文档http://eslint.org/docs/2.0.0/rules/prefer-template时遇到的错误

Module build failed: SyntaxError: JSX value should be either an expression or a quoted JSX text (23:23)

  21 |     return (
  22 |       <div className={s.root}>
> 23 |         <div className=`col-md-offset-4 col-md-4 well ${s.container}`>

Answer 1

@Poke 和 @Andrew Li 解决了这个问题值得赞扬。您需要遵循文档，但也需要将其放入带有大括号的 javascript 中

<div className={`col-md-offset-4 col-md-4 well ${s.container}`}>