reactjsでcssモジュールをつかい
コーディングしています。
例:略例
import theme from 'css/test.css'; constructor(props) { super(props); this.state = { flg: false, }; } btn = () => { this.setState({"flg":(this.state.flg)? false:true}); } class App extends Component { render() { return ( <div> <p onClick=this.btn>btn</p> <div className={theme.style+this.state.flg}>style</div> </div> ); }
上記を出力すると、css名は
<div class="App--style--1LL8p8SA">
のような感じで出力されますが、
btnをクリックしたときに
<div class="App--style--1LL8p8SAtrue">
となってしまいます。(語尾についてしまう)
これをちゃんと
<div class="App--styletrue--1LL8p8SA">
のようにしたいのですが、
どうすればよいでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/02/27 06:24