Динамически назначить атрибут sm = {} для сетки материалов в реакции - PullRequest
Новая
       56

Динамически назначить атрибут sm = {} для сетки материалов в реакции

0 голосов
/ 04 мая 2020

Я хочу присвоить значение Dynami c атрибуту sm в Material Grid. Я назначаю его как 

  const headlines_grid_width = parseInt(props.headlines_grid_width)

, а затем в сетке 

<Grid sm={{headlines_grid_width}} ...>

, но он рендерится со значением по умолчанию, то есть 12.
Вкл. Проверить класс для этого <div> как:
MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 

{
  other_headlines.map( headline => (
    <Grid item sm={{headlines_grid_width}} xs={12} key={headline._id} style={{borderRight:"0.1px solid rgb(220, 220, 220)",borderBottom:"0.1px solid rgb(220, 220, 220)",padding:"0.5%",paddingBottom:"0%"}}>

      <small style={{textDecoration:"none",fontWeight:"lighter"}}>
          <span style={{float:"left",textTransform:"capitalize",color:"red"}}>{headline.news_type}</span> 
          <span style={{float:"right"}}>{headline.date}</span> 
        </small>
      <h2 style={{paddingTop:"1%"}}>
        <Link href={`/article/${headline.heading}`}>
          <a>{headline.heading}</a>
        </Link>
      </h2>
      {/* <p>
        {headline.subheading}
      </p> */}
    </Grid>
  ))
}
...