小编Nic*_*ren的帖子

所以我一直在我的React JS组件中放置以下代码,我基本上试图将两个API调用放入一个调用的状态,vehicles但是我收到了以下代码的错误:

componentWillMount() {

    // Make a request for vehicle data

    axios.all([
      axios.get('/api/seat/models'),
      axios.get('/api/volkswagen/models')
    ])
    .then(axios.spread(function (seat, volkswagen) {
      this.setState({ vehicles: seat.data + volkswagen.data })
    }))
    //.then(response => this.setState({ vehicles: response.data }))
    .catch(error => console.log(error));
  }

现在我猜我不能像我一样添加两个数据源this.setState({ vehicles: seat.data + volkswagen.data })但是如何做到这一点呢？我只是希望将来自该API请求的所有数据放入一个状态.

这是我收到的当前错误:

TypeError: Cannot read property 'setState' of null(…)

谢谢

嘿家伙我只是想知道为什么这个jQuery不起作用:

hdr = $('.header-wrapper, #top-bar, #new-showroom-header').height();

所以你可以看到我试图获得多个元素的高度并将它们全部存储在我的变量中.我希望jQuery将所有元素高度添加到一起以创建最终值,但是当我在console.log中变量hdr时,我得到所选第一个元素的高度.

知道如何选择所有并将它们存储到我的var中吗？

谢谢,尼克

我现在遇到了jQuery的问题,当时涉及到使用AJAX动态引入的元素的子代.

所以我有以下声明:

$('.Select-menu-outer').children().click(function() {
  console.log("tiggered");
});

但是由于某种原因,这不起作用,当我点击.Select-menu-outer元素的子元素时没有任何反应.

如果我使用以下声明:

$(document).on("click", '.Select-menu-outer', function() {
  console.log("tiggered");
});

然而它触发了我希望它触发该元素的子元素.知道如何使用.on做到这一点吗？

谢谢

我目前在使用 React 解析一些 JSON 数据时遇到问题。这是我尝试使用的 JSON 数据：

[\n  {\n    "id": 3,\n    "car_brand_id": 2,\n    "car_model_id": 7,\n    "youtube": "",\n    "title": "New Ibiza range available in Sunderland & Durham - Pulman SEAT  ",\n    "description": "Buy a new Ibiza from Pulman SEAT - Available to test drive in Sunderland & Durham",\n    "slug": "ibiza",\n    "published": 1,\n    "news": 0,\n    "published_at": "2016-07-05 09:16:04",\n    "created_at": "2016-05-23 12:45:20",\n    "updated_at": "2016-07-05 13:16:04",\n    "offers": [\n      {\n        "id": 9,\n        "car_page_id": 3,\n        "car_trim_id": 15,\n        "car_type_id": 1,\n        "cap_code_id": 0,\n        "car_image_id": 70,\n        "derivative": "SC …

我一直在调试这个问题,我很困惑,为什么这不起作用.

正如您所看到的,我在JSFiddle上运行以下代码,它似乎没有任何问题:

  $(".assistance-submit-btn").hover(function() {
    $(this).children('i').toggleClass("assistance-submit-btn-mouseover");
  });

.assistance-submit-btn {
  font-size: 1.4rem;
  font-weight:300;
  padding: 10px 20px;
  background: none;
  border: 2px solid #333;
  border-radius: 10rem;
  color: #333;
  margin: 25px auto 0;
  display: block;
}

.assistance-submit-btn-mouseover {
  transform:translate(10px);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="assistance-submit-btn" value="Submit">Submit&nbsp;<i class="fa fa-caret-right"></i></button>

正如您所看到的,当assistance-submit-btn元素悬停时,它将向i元素添加一个类.

这段代码是我正在开发的本地网站的直接副本,但由于某种原因,在我的本地系统上,当assistance-submit-btn元素悬停时它将不会执行.

到目前为止,我已经尝试将CS​​S悬停添加到元素本身,只是为了查看元素是否在另一个元素后面并且无法悬停.

我在本地设置上可以想到的唯一区别是该assistance-submit-btn元素是由AJAX引入的.这会影响jQuery悬停事件吗？任何关于为什么会发生这种情况的建议都将非常感激.

谢谢

更新:忘记提及我在我的控制台中没有错误.

我正在使用React Select,由于某种原因,我的状态仅在选择了两次选项后才会更改.

我有以下代码:

var React = require('react');
import Select from 'react-select';

class VehicleSelect extends React.Component {

  constructor(props) {
    super(props);

    this.state = { brandSelect: ""};

  }

  _onChange(value) {
    //console.log(value) - just to see what we recive from <Select />
    this.setState({brandSelect: value});
    console.log(this.state.brandSelect);
  }

  render() {
    var options = [
    { value: 'Volkswagen', label: 'Volkswagen' },
    { value: 'SEAT', label: 'SEAT' },
    { value: 'SKODA', label: 'SKODA' }
    ];


    return (
      <Select
          name="form-field-name"
          value={this.state.brandSelect}
          options={options}
          placeholder="Select a brand"
          searchable={false}
          onChange={this._onChange.bind(this)} …