小编bar*_*kyn的帖子

我想构建一个按钮,单击该按钮将刷新页面(即键盘上的命令+ r快捷键).在Elm中是否有reload()(JavaScript)等效函数.如果没有,我该如何创建此按钮？

我正在尝试为网页制作横幅.我想创建一个只能在页面高度上查看20%页面的容器,然后其中的图像占用容器的100%.但是,图像最终会占用所有页面而不响应%更改.

Html代码:

<div class="banner">
<img src="img/header.jpg">
  </div>

CSS代码:

.banner {
  width: 100%;
  height: 20%;
}


.banner img {
  height : 100%;
  width: 100%;
}

我对 React 比较陌生，但熟悉 JavaScript。我想打一个非常简单的应用程序，并在JavaScript中，每当我想追加一个新的HTML元素我做这样的事情： document.getElementById("root").innerHTML += "<h1>Title</h1>";。在 React 中，每当单击我的按钮时，我都想将一个新的 MyComponent 组件附加到我的页面。我怎样才能以类似于.innerHTML +=. 以下是我到目前为止给出的想法，但它不起作用。

索引.js：

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

应用程序.js：

function my_func() {
  var prop1 = prompt("Input here ");
  var prop2 = "new_id";
  document.getElementById("app-root").innerHTML += <MyComponent p1={ prop1 } p2={ prop2 }/>;
}

function App() {
  return (
      <div id="app-root">
      <Button color="primary" onClick={ my_func }>Add</Button>{' '}
      </div>
  );
}

export default App;

对于以下代码,我继续收到编译器错误,因为我正在编写(List _)并且它正在尝试对列表进行模式匹配.我该如何解决这个问题？

data List a = Cons a (List a) | Empty

instance Monad List where
    Empty >>= _ = Empty 
    Cons x (List _) >>= f = f x