隐藏列表项目符号反应 CSS

Question

我试图隐藏列表的项目符号我试过这个

  <ul sytle={ styles.ulclass }>
  <li>.
      .
      .
        </li>

和

   ulclass:{
   display:'flex',
   flexDirection: 'row',
   justifyContent: 'flex-end',
   listStyleType:'none',
   margin:'0px',
   padding:'0px',
   overflow:'hidden',
   textDecoration:'none',

  },

但是

  listStyleType:'none'

不工作

Answer 1

就写这个

<ul style={{listStyleType:'none'}}>
.. </ul>

Answer 2

检查如何申请listStyleType:'none'

  return (
    <div className="App">
       <ul style={mystyle}>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
       </ul>
    </div>
  );


const mystyle={
  listStyleType:'none'
}

Live demo

Answer 3

道具中似乎有错字：

<ul sytle={ styles.ulclass }>

应该是：

<ul style={ styles.ulclass }>
//--^^^^^-----

隐藏列表项目符号反应 CSS

hide list bullets react CSS

styles

reactjs