有没有使用样式inline in react ?,或者像StyleSheet.create反应原生

Question

我有一个这个组件的HTML，我的问题是，如果这是不好的做法？必须在对象变量（CSS模块）或样式组件中具有样式？

有官方风格系统推荐，如反应原生？ https://facebook.github.io/react-native/docs/style.html

  return (
   <div style={{display: 'flex', height: '100vh'}}>
    <Menu />
    <div style={{ border: 'solid 1px red' , flex: '1 1 auto' , overflow: 'auto', padding: '20px' }}>
    ...

Answer 1

我不相信React有使用CSS的建议方法。

如果你选择CSS模块路线，

/* Foo.css */
.foo{
  color: green;
}

和

//Bar.jsx
import styles from './Foo.css';
...
return <Bar className={styles.foo} />

将是你如何实现它。