小编Ale*_*nko的帖子

我写了简单的待办事项应用程序,但现在我在访问App(InputForm)的子组件中的输入值时遇到了麻烦.

也许我需要以某种方式重建结构或逻辑以使其有效？

这是我的App组件:

class App extends React.Component {
  constructor (){
      super();
      this.state = {
          items : []
      }
  }

  addTodo ( e ){
    e.preventDefault();

    let itemHeading = this.refs.todoInput.value; // TODO Access to input value
    let itemKey = Date.now();

    const items = this.state.items.slice();

    items.push({
      heading: itemHeading,
      key: itemKey
    })

    this.setState({items: items});
  }
  render() {
    return (
      <div className="app-container">
        <InputForm onSubmit={this.addTodo.bind(this)}></InputForm>
        <TodoItems entries={this.state.items} />
      </div>
    );
  }
}

这是我的InputForm组件:

class InputForm extends React.Component {
  render (){
    return (
      <form onSubmit={this.props.onSubmit}>
        <input
          ref="todoInput" …

当我创建新目录时mkdir($path, 0755);出现错误：

警告：mkdir() [function.mkdir]：第 51 行 /home/u235555603/public_html/vacancies/index.php 中的权限被拒绝

在目录“空缺”中我有 755 个权限。

我该做什么？

感谢帮助。

我正在编写自己继承自TButton的组件.我需要使用父表单进行一些操作,我的新组件将被放置.

那么,如何从我自己的组件代码访问父表单？

代码示例(MyComponentCode.pas):

ButtonParent.Canvas.Pen.Color := RGB(255,255,255); // where "ButtonParent" have to be a parent form

帮我解决这个问题.谢谢.

当用户点击元素并且条件为false时,我需要显示bootstrap工具提示.我为此编写了代码:

<div data-toggle="tooltip" title="You must to log in!" class="stars">425</div>

和Javascript:

$(".statistics .stars").click( function(){
    if (! user.isLogin){
        $(this).tooltip("show");

        setTimeout(function(){
          $(this).tooltip( 'hide' );
        }, 2000);   
    }
});

当我没有点击时,我可以看到悬停时的默认工具提示(我不需要它),当我点击时,工具提示在2秒后不会隐藏.如何解决这个问题？

我有流体网格：连续3个块width:33.3%。在此块中包含的女巫图像具有width: 100%和height: auto。我想在悬停上添加此图像的放大效果。但是我不知道如何在不更改块高的情况下使用流体网格进行操作。您可以在下面查看我的代码段。

有什么想法如何解决吗？

.split.third {
  width: 33.3%;
  display: block;
  float: left;
  overflow: hidden;
}
.split.third img {
  width: 100%;
  height: auto;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.split.third:hover img {
  width: 120%;
}

<div class="split-wrap">
  <div class="split third">
    <div class="cover">
      <img src="http://cs5-3.4pda.to/5290239.png" />
    </div>
  </div>

  <div class="split third">
    <div class="cover">
      <img src="http://cs5-3.4pda.to/5290239.png" />
    </div>
  </div>

  <div class="split third"> …