我是 React.js 中的菜鸟，只是在处理组件和事件侦听器，我正在尝试将事件侦听器添加到按钮，但由于某种原因它不起作用......我尝试导入元素，但这只是给出了一堆其他错误，有人可以告诉我如何让这个工作吗？谢谢
import React from 'react';
import ReactDOM from 'react-dom';
class Passiing extends React.Component {
scream() {
alert('you passed!');
}
render() {
return <Button onClick={this.scream}>Did you pass?</Button>;
}
}
ReactDOM.render(<Button />, document.getElementById('app'));
export default Passiing;
我正在尝试使用React.js显示日期，但由于某种原因，它没有显示任何内容。
我是一个初学者，所以很抱歉如果我问一个愚蠢的问题，但是我不知道为什么它不起作用。有人可以帮帮我吗？非常感谢！
class App extends React.Component {
state = {
date: ""
};
getDate() {
var date = { currentTime: new Date().toLocaleString() };
this.setState({
date: date
});
}
render() {
return (
<div class="date">
<p> ddd {this.state.date}</p>
</div>
);
}
}
export default App;
我是React中的一个菜鸟,并尝试为用户输入数字的水相制作一个简单的应用程序,然后根据它应该显示水的状态的值,例如,如果他输入212它应该说气体和12它应该说实话,但由于某种原因它没有正确显示值,任何帮助非常感谢!!!
class App extends React.Component {
constructor(props) {
super(props);
this.state = {
msg: "liquid",
temp: 0
};
this.handlenum1Change = this.handlenum1Change.bind(this);
}
handlenum1Change(evt) {
console.log(evt.target.value);
this.setState({
temp: Number(evt.target.value)
});
let temp = this.state.temp
if (temp > 100) {
this.setState({
msg: "boiling"
})
} else if (temp < 32) {
this.setState({
msg: "frozen"
})
} else {
this.setState({
msg: "liquid"
})
}
}
render() {
return (
<div>
<h1> {this.state.msg} </h1>
<form className="form-inline">
<div className="form-group">
<label> Temp: </label>
<input type="number" onChange={this.handlenum1Change} className="form-control" …