javascript - 提交按钮与其他按钮 react

Question

我正在做某种类型的博客，我希望能够点击一个按钮，而提交按钮没有反应。

<form action="" method="Post">
<button onClick="knapp(lank)">Link</button>

<textarea id='knappar'></textarea>
<input type="submit" value="Add post">
</form>


<script>
function knapp(value){
document.getElementById('knappar').value += "LOL";
}
</script>

出于某种原因，每当我单击链接按钮时，提交按钮都会使用react并提交。

编辑:代码不起作用，因为它不会打印出来，但它仍然会刷新。

Answer 1

如果按钮在表单中并且没有类型属性，它将默认为 submit 并因此提交表单。添加按钮的类型:

<button type="button" onClick="knapp(lank)">Link</button>

这意味着它不会充当提交按钮。