Question

您好，我是菜鸟，正在尝试使用props将car.id传递给我的editcar组件，以便我可以通过firebase更新它，但是我收到了错误消息箭头函数参数的左侧无效（43： 13）任何想法我如何可以通过car.id进行编辑功能？谢谢您的帮助！

admin_cars.js

<ul className="TaskList">
  {
    Cars.map(car => (
      <tr>
        <th scope="row">{car.id}</th>
        <td>{car.year}</td>
        <td>{car.make}</td>
        <td>{car.model}</td>
        <td>{car.body_type}</td>
        <td>{car.int_color}</td>
        <td><img src={car.link} height="92" /> </td>
        <td>{car.price}</td> 
        <td>{car.status ? "Available" : "Sold"}</td>
        <td>
          <Link to={`/admin/editcar/${this.props.car.id}`}>
            <Icon icon={pencil} />
          </Link>
        </td>

      </tr>
    ))
  }
</ul>

edit_car.js

 import { CarsRef, timeRef } from './reference';
    class EditCar extends Component {
        state = {
        year: '',
        make: '',
        model: '',
        trim: '',
        engine: '',
        drive_type: '',
        body_type: '',
        ext_color: '',
        int_color: '',
        transmission: '',
        price: 0,
        sale: 0,
        status: true,
        vin: '',
        link: '',
        elect_stab: '',
        wireless: '',
        seat: '',
        keyless: '',
        trip_comp: '',
        tire_pressure: '',
        wiper: '',
        id:'',
        headlight: '',
        alertMsg: false
      }

    editcar = (e, car.id) => {
      alert(this.car.id)
        e.preventDefault();

      const NewCar= {
          body_type: this.state.body_type.trim(),
          wiper: this.state.wiper,
          headlight: this.state.headlight,
          make: this.state.make,
          link: this.state.link,
          engine: this.state.engine,
          transmission:this.state.transmission,
          vin:this.state.vin,
          seat: this.state.seat, 
          price: this.state.price,
          ext_color: this.state.ext_color,
          checked: false,
          starred: false,
          timestamp: timeRef
        };

        CarsRef.child().update(NewCar);

        this.setState({ body_type: '' });
        this.setState({ wiper: '' });
        this.setState({ make: '' });
        this.setState({link:''});
        this.setState({ headlight: '' });
        this.setState({price: ''});
        this.setState({transmission: ''});
        this.setState({engine: ''});
        this.setState({vin: ''});
        this.setState({ext_color: ''});
        this.setState({id: ''})
      }

Answer 1

我认为这可能与您的8.1.3方法有关。第二个参数无效，您可能希望将其设为editcar而不是car，所以：

更改

car.id

到

editcar = (e, car.id) => {}

无效箭头功能参数中的无效左侧（43:13）

1 个答案: