Question

21

reactjs - how to set style of border?

rated 0 times [ 23] [ 2] / answers: 1 / hits: 47338 / 4 Years ago, sat, april 25, 2020, 12:00:00

I am trying to set a style for a component, but I do not know how to write the correct syntax in React. My CSS looks like this:

 .cell {

   border: 1px solid rgba(0, 0, 0, 0.05);

 }

And here is my render() method:

 render() {

   let styles = {

        ...



       //border: 1px solid rgba(0, 0, 0, 0.05),  <---- Not correct

   };

   return (

     <div className=cell style={styles}></div>

   );

 }

How do I convert the CSS syntax into a React/JS syntax ?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

rocioblancac

Add To Favorites

Follow

Total Points: 699

Total Questions: 96

Total Answers: 108

Location: Libya

Member since Mon, Dec 7, 2020

4 Years ago

rocioblancac questions

1 Angular: Error trying to diff '[object Object]'. Only arrays and iterables are allowed

Mon, Dec 13, 21, 00:00, 2 Years ago

1 Bootstrap multiple file selection - show only first file

Sun, Jul 26, 20, 00:00, 4 Years ago

1 React JS How to disable zoom

Wed, Jul 22, 20, 00:00, 4 Years ago

1 React Native https axios resquest gets Network Error on Android but not iOS

Thu, Jan 16, 20, 00:00, 4 Years ago

1 Color Input in React: The format is #rrggbb where rr, gg, bb are two-digit hexadecimal numbers

Mon, Jan 6, 20, 00:00, 4 Years ago

View All

answered 4 Years ago neob · Accepted Answer

Here is the thing:

render() {

   const styles = {

        border: '1px solid rgba(0, 0, 0, 0.05)', 

   };



   return (

     <div style={styles}>Hello</div>

   );

 }