javascript - reactjs - 如何设置边框样式？

Question

我正在尝试设置 style对于一个组件，但我不知道如何在 React 中编写正确的语法.我的 CSS看起来像这样:

 .cell {
   border: 1px solid rgba(0, 0, 0, 0.05);
 }

这是我的 render()方法:

 render() {
   let styles = {
        ...

       //border: 1px solid rgba(0, 0, 0, 0.05),  <---- Not correct
   };
   return (
     <div className="cell" style={styles}></div>
   );
 }

如何转换 CSS React/JS 的语法句法 ？

Answer 1

事情是这样的:

render() {
   const styles = {
        border: '1px solid rgba(0, 0, 0, 0.05)', 
   };

   return (
     <div style={styles}>Hello</div>
   );
 }