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

Question

我正在尝试style为组件设置 a，但我不知道如何在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语法？

标签： javascriptreactjs

Answer 1

事情是这样的：

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

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