小编Gia*_*son的帖子

flatten,flattenDeep或flattenDepth of lodash只接受数组.如何展平嵌套对象？

var data = {
  "dates": {
    "expiry_date": "30 sep 2018",
    "available": "30 sep 2017",
    "min_contract_period": [{
      "id": 1,
      "name": "1 month",
      "value": false
    }, {
      "id": 2,
      "name": "2 months",
      "value": true
    }, {
      "id": 3,
      "name": "3 months",
      "value": false
    }]
  },
  "price": {
    "curreny": "RM",
    "min": 1500,
    "max": 2000
  }
}

我希望嵌套属性成为第一级,比如expiry_date应该是1级,而不是日期,我认为日期应该消失,不再需要它了.我可以手动完成,使用map(),但我希望使用lodash来简化任务.

我想设置第1项到第10项,而不是第1项

&.nth-child(1) { //style } 
&.nth-child(2) { //style } 
&.nth-child(3) { //style } 

等等..

css中的任何范围选择器？

import { map } from 'lodash';

render(){
   return(
      {map(new_applicants, (obj,index) => 
         <div key={index}>{index}</div>
      )}
   )
}

这段代码出了什么问题？obj是迭代的单个对象数组,索引是关键.我正在使用lodash.控制台中的错误如下所示.

{map(new_applicants, (obj,index) => 
     |               ^

我知道如何在 jxs 中使用 if else 简写在 jsx 中使用不同的类，但是我怎么能用样式做到这一点呢？

说我有一个循环，我需要检查一个属性是否存在，如果是，将前 10 个边距添加到 div？

<div style={{marginTop:10}} /> 

{normalizedData.map(obj => 
    <div key={obj.display_date_numberic}>
        <div>{obj.display_date_numberic}</div>
    </div>

    {!isEmpty(obj.applicants) && obj.map(obj2 => 
        <div className="events">{obj2.person.name}</div>
    )}
)}

我在以下行出现错误：

{!isEmpty(obj.applicants) && obj.map(obj2 =>

为什么我不能在另一个地图中使用地图功能？normalizedData有一个对象数组，每个对象obj都有另一个对象数组。

我有一个地图,渲染几个项目,其中一行是在下面

<a onClick={()=> this.setState({"openDeleteModal":true)}>Delete</a>

显然我想在用户点击删除时打开一个模态,但是我必须传递一些东西,比如项目的名称,项目的id来执行删除.我如何通过将名称传给模态？

我可以将obj名称绑定为a像这样删除

我是在正确的轨道上吗？

我可以使用双引号和单引号来连接我的动态变量,但模板字符串更清晰.我有一个意外的令牌,任何线索为什么？

...
return (<UserList id={subactions} key=`applications${query.status}` />)
...

https://jsbin.com/dazugonoli/1/edit?html,css,output

你们如何为内联块 div 添加边框？想象一下，我正在做一个日历，边框似乎是重复的，并且在盒子的每一侧都不相等。

#parent{
  width: 400px;
}
#parent > div{
  display: inline-block;
  width:50px;
  height:50px;
  line-height:50px;
  background:cyan;
  border:1px solid;
  text-align:center;
}

<div id="parent">
<div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div><div>8</div><div>9</div><div>10</div>
</div>

出于某种原因,我必须这样做

for(let i=0;i<=6;i++){
    price.push({
        min_price: `this.state.special_${i}_min`,
        max_price: `this.state.special_${i}_max`
    });
}

但这不是我所期望的,它不起作用,它变成了字符串而不是获得我的州的价值.

我想在没有jquery的情况下设置body的背景.

jquery : $('body').css('background','red');

为什么这不适用于纯JS？

document.getElementsByTagName('body').style['background'] = 'red';

我有组件A和B.组件一个传递状态作为组件的prop,表示它名为show

所以在我的组件B的渲染功能中它将是这样的

{this.props.show &&
   <div>popup content</div>
}

但是我现在怎么关闭呢？我必须将组件B中的标志传递给父级？据我所知它反应你可以把东西传回父母.