應(yīng)用className / onClick / onChange不能處理Custom React Component我?guī)缀跏切率謗eact。我正在嘗試創(chuàng)建一個簡單的編輯和創(chuàng)建掩碼。這是代碼：import React, { Component } from 'react';import Company from './Company';class CompanyList extends Component {
constructor(props) {
super(props);
this.state = {
search: '',
companies: props.companies };
}
updateSearch(event) {
this.setState({ search: event.target.value.substr(0,20) })
}
addCompany(event) {
event.preventDefault();
let nummer = this.refs.nummer.value;
let bezeichnung = this.refs.bezeichnung.value;
let id = Math.floor((Math.random()*100) + 1);
$.ajax({
type: "POST",
context:this,
dataType: "json",
async: true,
url: "../data/post/json/companies",
data: ({
_token : window.Laravel.csrfToken,
nummer: nummer,
bezeichnung : bezeichnung,
}),
success: function (data) {
id = data.Nummer;
this.setState({
companies: this.state.companies.concat({id, nummer, bezeichnung})
})
this.refs.bezeichnung.value = '';
this.refs.nummer.value = '';
}
});
}
editCompany(event) {
alert('clicked');
event.preventDefault();
this.refs.bezeichnung.value = company.Bezeichnung;
this.refs.nummer.value = company.Nummer;
}
render() {
let filteredCompanies = this.state.companies.filter(
(company) => {
return company.bezeichnung.toLowerCase().indexOf(this.state.search.toLowerCase()) !== -1;
}
);
應(yīng)用className / onClick / onChange不能處理Custom React
波斯汪
2019-08-14 15:25:11
