小编Jes*_*son的帖子

在ClojureScript中右键单击?

谁能告诉我如何在Clojure中生成一个右键单击事件处理程序?我熟悉"点击",只需点击一下即可,但不是右键或双击.似乎无法在线找到任何有用的资源.谢谢!

clojure mouseevent clojurescript

7
推荐指数
2
解决办法
374
查看次数

如何将内联样式和 className 应用到同一元素

我有一个 div,它有一个相当长的样式列表,内联应用这些样式看起来很荒谬,但是,div 接受一个背景图像 url 的参数,该参数会在更新状态时发生变化。

内联样式,我的元素如下所示:

      <div style={{width: 55,
                  height: 55,
                  position: 'fixed',
                  borderRadius: '50%',
                  bottom: 130,
                  zIndex: 200,
                  backgroundImage: `url(${this.state.avatar})`}}>
Run Code Online (Sandbox Code Playgroud)

但是,当我这样做时,我的背景图像完全消失:

<div className="avatar" style={{backgroundImage: `url(${this.state.avatar})`}}>
Run Code Online (Sandbox Code Playgroud)

这里的修复是什么?

html javascript css reactjs

6
推荐指数
1
解决办法
3万
查看次数

在 Reactjs 中将事件处理程序从祖父母传递到孙子组件

我了解如何在 React 中将单击事件从父组件传递到子组件,但不明白如何将其从祖组件传递到孙组件而不使父组件可单击。

在下面的示例中,我希望父 div 在单击孙 div 时关闭。

这是我的代码,它不起作用。谢谢!

var Grandparent = React.createClass({
    getInitialState: function() {
    return {open: true};
  },
  close: function() {
    this.setState({open: false});
  },
    render() {
    var grandparentBox={backgroundColor: 'yellow', height: 400, width: 400};
        return <div style = {grandparentBox}><Parent open={this.state.open} close = {this.close}/></div>;
  }
});

var Parent = React.createClass({
    render() {
    var parentBox={backgroundColor: 'red', height: 100, width: 100};
        if (this.props.open == true) {
            return <div close={this.props.close} style = {parentBox}><Grandchild/></div>
      }
      else {
        return null;
      }
  }
});

var Grandchild …
Run Code Online (Sandbox Code Playgroud)

reactjs

5
推荐指数
1
解决办法
5487
查看次数

无法杀死在端口 80 上运行的任何进程

[***编辑:我再次尝试使用命令 lsof -wni tcp:80 进行搜索,另一个进程出现了名称 google 但在不同的端口上,我注意到每当我杀死该进程时,它只会杀死 Google。发生了下面提到的命令,但我只是第一次没有注意到]

我已经完全杀死了我所有的终端窗口并关闭了,但仍然有一些东西在 localhost:80 上运行。我在 mac 上,在我的终端中搜索:

lsof -i tcp:80
Run Code Online (Sandbox Code Playgroud)

COMMAND 下的信息显示 Google 和 PID 为 270。

我输入:

kill -9 270.
Run Code Online (Sandbox Code Playgroud)

又搜了一下。那里空无一物。但是当我转到 localhost:80 时,浏览器中仍然显示“它有效!” 这是我过去常常写的东西,每当我只想在继续之前检查并查看某些功能是否正常时。

我不知道如何摆脱这个。根据互联网搜索尝试了其他一些建议,但没有任何效果。

有没有我可以运行的命令来杀死每个端口上的每个进程,这样我就不必再次经历这个了?请帮忙!(时间敏感的事情)。谢谢!

terminal port command-line command localhost

4
推荐指数
1
解决办法
3004
查看次数

如何将带有参数的函数传递给Haskell中的另一个函数?

我正在制作一个简单的Haskell待办事项列表,我想以递归方式调用函数"提示",并根据用户输入显示不同的菜单选项.问题是,在初始调用时,提示应该期望接收一个函数作为不期望任何参数本身的参数之一.任何后续的"提示"调用可能需要调用一个函数,该函数期望将一个参数传递给正在传递给提示的函数.

这是我的代码:

mainMenuOptions :: IO ()
mainMenuOptions = do
    putStrLn ""
    putStrLn "What would you like to do?"
    putStrLn ""
    putStrLn "OPTIONS"
    putStrLn ""
    putStrLn "'+' : add items    |   '-' : remove items"

subMenuOptions ::  [String] -> String -> IO ()
subMenuOptions todos operation = do
    putStrLn ""
    if operation == "add"
        then do putStrLn ("Type in the TASK you'd like to " ++ operation ++ ", then hit ENTER")
                addListItemOptions todos
    else do
        putStrLn ("Type in the NUMBER …
Run Code Online (Sandbox Code Playgroud)

haskell

3
推荐指数
1
解决办法
330
查看次数

如何使用ReactJS通过我的React-Router传递数据?

我有以下JSON对象......

{ name: "Jessie" }
Run Code Online (Sandbox Code Playgroud)

我希望能够通过我的路由器传递它,以便它可以显示在我的页面上.例如,这是我的根页面......

StaticPage.jsx

export default class StaticPage extends React.Component {
    render() {
        return (
                <div>
                <Router history={hashHistory}>
                    <Route path='/' component={Search} />
                    <Route path='/favorites' component={Favorites} />
                 </Router>
                 </div>
        );
    }
}
Run Code Online (Sandbox Code Playgroud)

所以将这些数据传递给Search,我想可能看起来像这样......

<Route path='/' component={Search} name = {this.props.name}/>
Run Code Online (Sandbox Code Playgroud)

但是,当我这样做时,没有任何东西被渲染.我已经研究了很多,并且从我读过的内容中了解到,您无法通过路由器传递对象.这很奇怪bc路由器看起来像传统的React组件,但不起作用.对我而言,没有任何解释工作似乎是清楚的.任何人都可以使用此代码向我提供示例吗?我正在使用react-router 3.0.似乎没有4.0的任何神奇的解决方案,所以我想在升级之前我会问.谢谢!

reactjs react-router react-native

2
推荐指数
1
解决办法
6350
查看次数

Clojure Atom在定义函数中包含时不会更新

不确定这里发生了什么,但我有这个代码,map函数在我的repl中成功执行而不包含在已定义的函数中:

(def dogs '({:name "scout" :age 5} {:name "rux" :age 3} {:name "fenley" :age 2}))

(def ages (atom {:above-four '() :below-four '()}))

(map
    #(if (> (get-in % [:age]) 4)
         (swap! ages update-in [:above-four] merge %)
         (swap! ages update-in [:below-four] merge %)) dogs)

@ages
=> {:above-four ({:name "scout", :age 5}), :below-four ({:name "fenley", :age 2} {:name "rux", :age 3})}
Run Code Online (Sandbox Code Playgroud)

然而,当我定义map函数时:

(def ages (atom {:above-four '() :below-four '()}))

(def dogs '({:name "scout" :age 5} {:name "rux" :age 3} {:name "fenley" :age 2})) …
Run Code Online (Sandbox Code Playgroud)

clojure clojurescript

2
推荐指数
1
解决办法
104
查看次数

在Clojure中对地图矢量进行排序和排序的更清洁方法?

我有一个地图矢量,其中我需要删除名称键的值是重复的地图,保持具有最高年龄值的地图.我有一个解决方案,但我认为它看起来不干净.有没有更好的方法来实现它而不将其分解为多个功能?

这是我的数据:

(def my-maps
    [{:name "jess", :age 32} 
     {:name "ruxpin", :age 4} 
     {:name "jess", :age 35} 
     {:name "aero", :age 33} 
     {:name "banner", :age 4}])
Run Code Online (Sandbox Code Playgroud)

这是我的解决方案:

(map first (vals (group-by :name (reverse (sort-by :name my-maps)))))
Run Code Online (Sandbox Code Playgroud)

结果:

({:name "ruxpin", :age 4} {:name "jess", :age 35} {:name "banner", :age 4} {:name "aero", :age 33})
Run Code Online (Sandbox Code Playgroud)

clojure clojurescript

1
推荐指数
1
解决办法
415
查看次数

通过将字符串转换为符号来提取原子中键的值

我有一个原子:

{:answer1 "yes", :answer2 "no", :answer3 "maybe"}
Run Code Online (Sandbox Code Playgroud)

我希望能够使用变量x来提取值:answerx.

在我的REPL中,当我测试如何附加到字符串然后转换为符号时,这适用:

(symbol (str ":answer" 2))
Run Code Online (Sandbox Code Playgroud)

结果是:answer2.但是,当我尝试在原子中执行此操作时,我得到的结果是nil:

(get @answers-atom (symbol (str ":answer" 2)))
Run Code Online (Sandbox Code Playgroud)

知道为什么会这样吗?

clojure clojurescript

0
推荐指数
1
解决办法
249
查看次数