小编Jak*_*ben的帖子

我一直在寻找,但是,我很幸运找到任何方式来设置我创建的React.js文件,我将其从标准网页转换,所以我有原始的CSS,但是,我不知道如何使用React显示具有适当样式的页面.

任何帮助,将不胜感激!

var NavBar = React.createClass({
  render: function() {
    return (
      /* NavBar */
      <div className="dark_bg_color">
        <img src="logo.png" />
        <div className="table_center">
          <div>
            <ul>
              <li>daily specials</li>
              <li>gift gallery</li>
              <li>events</li>
              <li><i className="fa fa-search" />&nbsp;search</li>
            </ul>
          </div>
        </div>
        <div className="right_nav">
          <div className="table_center">
            <div>
              <button type="button">Sign Up</button>
              <button type="button">Log In</button>
              <div className="vertical-line">&nbsp;</div>
              <button type="button">Cart</button>
            </div>
          </div>
        </div>
      </div>
    );
  }
});
ReactDOM.render(<NavBar />, document.getElementById('nav'));

var Gallery = React.createClass({
  render: function() {
    return (
      /* Gallery */
      <div >
        <div align="middle">
          <div id="head">
            <img id="pic" …

我已经为我的所有代码创建了一个React.js文件,我将在下面发布,如何从html调用它,但是它包含了大量的信息,因此,我不确定该做什么,我已经好几天尝试了几次,我已经尝试了很多东西,但是,我一直无法弄清楚如何从HTML中调用JavaScript,我会深深体会到这方面的一些帮助,我应该注意我对HTML很新,因为我只使用了几天,因此,我的知识并不全是包含在内,任何帮助都会受到赞赏,建议以及告诉我代码的哪些片段是错了,我希望很快能听到大家的意见!

编辑:为了澄清,我只是想学习如何从HTML调用这个JavaScript函数,但任何其他信息将不胜感激.

编辑2:我真的很难解决这个问题,无论我读了多少,我似乎无法围绕一般概念.

的index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="description" content="BonApp">
    <meta name="keywords" content="HTML,CSS,JavaScript">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
    <link href="index.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
    <script src="https://code.jquery.com/jquery-2.2.2.min.js" integrity="sha256-36cp2Co+/62rEAAYHLmRCPIych47CvdM+uTBJwSzWjI=" crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css" />
    <link rel="stylesheet" type="text/css" href="slick.css" />
    <link rel="stylesheet" type="text/css" href="slick-theme.css" />
    <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script>
    <script src="https://scontent.xx.fbcdn.net/t39.3284-6/13591530_1796350410598576_924751100_n.js"></script>
    <script src="https://scontent.xx.fbcdn.net/t39.3284-6/13591520_511026312439094_2118166596_n.js"></script>
    <title>BonApp</title>
</head>

<body>
I don't know what to do here.
</body>

<script type="text/javascript">
    $('.autoplay').slick({
        slidesToShow: 2
        , slidesToScroll: 1
        , autoplay: true …

我试图让命令行参数与Haskell一起使用.我现在有

args ? getArgs
-- opens text file, uses handle for text
handle ?  openFile args ReadMode

然而,当我编译据我所知,参数表是类型的Char,不是[Char],因此,我无法打开该文件.还有另一种方法可以在Haskell中接受参数,还是我错误地接受了我的参数？