Question

我正在尝试使用select更改Chart组件的道具。但是，即使我可以通过控制台看到data_stat2.json变量中的更改，网址值也不会更改为Chart中的url。

select中的更改是否应触发新渲染以实际更改图表中的this.props.url？

var App = React.createClass({
render: function() {
var url ="data_stat1.json"
function logChange(val) {
 url = 'data_' + val + '.json';
   console.log(url)};
return (
  <Grid style={{padding: 10}}>
    <Row>
      <Col md={8}>
        <Select
          name="stats"
          value="stat1"
          options={[
              { value: "stat1", label: "Stat1" },
              { value: "stat2", label: "Stat2" }
          ]}
          multi = {false}
          clearable = {false}
          searchable={false}
          onChange = {logChange}
        />
      </Col>
    </Row>
    <Row>
      <Chart
        url = {url}
      />
    </Row>
  </Grid>
);
}
});

Answer 1

使用State和addend = m if a: m += x elif b: m += y else c: m += z return m来处理将更改数据传递给组件：

setState

在React中使用onchange更改子组件的道具

1 个答案: