Question

这是我在这里的第一篇文章，如果我的问题很愚蠢，我深表歉意。我刚刚开始学习React。

我有一个声明为数字的变量（分钟）。当我从表单中获取值时，它会自动将typeof更改为字符串。即使我已将输入类型声明为数字。您能解释一下为什么会这样吗？下面的代码：

let minutes = 0;

const onFormSubmit = (e) =>{
    e.preventDefault();
    minutes = minutes + e.target.elements.digit.value;
    rendering();


};


const rendering = () => {

const template = (    
    <div>
        <p>{minutes > 0 ? 'Total: ' + minutes : 'Nothing'}</p>
        <form onSubmit={onFormSubmit}>
        <input type="number" name="digit"/>
        <button>Add Option</button>
        </form>
    </div>
    );
    ReactDOM.render(template, appRoot);
};
const appRoot = document.getElementById('app');
rendering();

此外，是否有可能以一种形式使用两个输入框？我想要类似的东西：

<form onSubmit={onFormSubmit}>
<input type="number" name="digit"/>
<input type="number" name="digit2"/>
<button>Add Option</button>
</form>

非常感谢您的帮助！

为什么变量在React中将typeof从数字更改为字符串？

0 个答案: