stack overflow stack overflow - 3 years ago 155
React JSX Question

Why isn't the bottom border showing up here?

I don't see it, I simply changed my prvious CSS from

border-bottom
to
borderBottom
when I started using React.

const style = {
borderBottom: '3px solid black'
}

return (
// ... snip
<li style={style} onClick={this.clickHandler2.bind(this)} id="nav_fave">
// ... snip
)

Answer Source

Looks like you have a typo mistake (instead of borderBottom it's boderBottom in your case.)

This code works for me

const style = {
  borderBottom: '3px solid black',
  borderTop: '3px solid red'
};
return (
    // ... snip
    <li style={style} onClick={this.clickHandler2.bind(this)} id="nav_fave">
    // ... snip
)
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download