Pobieranie identyfikatora z div w React.js
Więc próbuję uzyskać dane w atrybucie div w reakcji. JSFiddle pokazuje problemy, z którymi się spotykam. this.state.value jest ustawiane na pusty ciąg po uruchomieniu zdarzenia.
Po przeczytaniu zacząłem używać atrybutu data- * dla div
kolejna wiadomość
https://coderoad.ru/5309926/
przepełnienie stosu, ale nie mogę używać jQuery, więc przełączyłem się na id. Jakieś pomysły?
JSFiddle
https://jsfiddle.net/boloneyshinobi/yw6db9ts/1/
class GettingAttributes extends React.Component {
constructor(props) {
super(props)
this.state = {value: 'Hello!'}; this.bar = this.bar.bind(this);
} bar(e){
this.setState({value: e.target.id})
} render() {
return ( <div id="foo" onClick={this.bar}>
{this.state.value}
);
}
}Nie znaleziono powiązanych wyników
Zaproszony:
Aby odpowiedzieć na pytania, Zaloguj się lub Zarejestruj się
3 odpowiedzi
Anonimowy użytkownik
Potwierdzenie od:
zamiast
.currentTarget będzie wskazywać na element, który faktycznie zawiera detektor zdarzeń. W Twoim skrypcie .target to znacznik p zawierający tekst, który nie ma identyfikatora do ustawienia w Twoim stanie.
Anonimowy użytkownik
Potwierdzenie od:
Prosze Zobacz
to
https://jsfiddle.net/yw6db9ts/41/
Link JSFiddle do Twojego rozwiązania.
Musisz ustawić ref na element, z którego chcesz pobrać dane, a następnie możesz go użyć do ustawienia danych na stan. Kod IN, jeśli zamienisz
onClick = {this.bar}naonClick = {this.barById}, kod pobierze dane z, podczas gdy w pierwszym przypadku pobierze dane z atrybutów.Anonimowy użytkownik
Potwierdzenie od:
class GettingAttributes extends React.Component {
constructor(props) {
super(props)
this.state = {value: 'Hello!'}; this.bar = this.bar.bind(this);
} bar(e){
this.setState({value: e.target.id})
} render() { return ( <div id="foo" onClick={this.bar}>
{this.state.value}
);
}
}ReactDOM.render(<GettingAttributes/>, document.querySelector("#app"))
Możesz również rozwiązać ten problem, dodając moduł obsługi kliknięć do elementu:
Korzystanie zszybko rozwiąże Twój problem, wystarczy wiedzieć, co oznacza, a nie tylko. Powodzenia!