标签: prop

我以前简单的textarea扩展器现在引起了问题.

$(document).on('keyup', 'textarea',function(){
        $(this).height($(this).prop('scrollHeight'));
    });

适用于Firefox,但在webkit浏览器上,无论是需要还是现在,都会在每次按键时增加文本区域的大小.

我目前正在映射这样一个道具:

  renderList(item) {
      return(
        </div>
          shows up
        </div>
    )
  }

  render() { 
    return(
        <div> 
          {this.props.items.map(this.renderList)}
        </div>
    );
  }
}

我有另一个我想通过的道具

this.props.completed

我想做的简化版

  renderList(item, completed) {
      return(
        </div>
          shows up
        </div>
    )
  }

  render() { 
    return(
        <div> 
          {this.props.items.map(this.renderList(this.props.items, this.props.completed)}
        </div>
    );
  }
}

是否可以通过此地图功能传递另一个道具？

使用jQuery在JavaScript控制台(Chrome或其他东西)上试试这个.

var jo = $("<xml required=\"true\" name=\"lol\"></xml>"); //test xml
jo.attr("required"); //returns "required" instead of true
jo.attr("name"); //returns correct "lol"
jo.prop("required"); //returns undefined
jo.prop("name"); //returns undefined

那里的任何人都有一个工作解决方案来获得true/false这个xml 的正确所需值()？

.prop()只适用于html之类的<input>.

我正在使用React Native 0.43.我有两个组件,名为ParentComponent和ChildComponent.我想将一些道具从父组件传递给子组件.我在父组件中使用以下代码(删节版本):

export default class ParentComponent extends Component {

  constructor(props) {
    super(props);

    this.state = {
      latitude: 34.7821,
    };
  }

  render() {
    return (
      <View>
        <ChildComponent latitude={this.state.latitude} />
      </View>
    );
  }

}

我的孩子组件如下:

export default class ChildComponent extends Component {

  constructor(props) {
    super(props);

    this.state = {
      latitude: props.latitude,
    };
  }

  componentWillMount() {
    console.log('Before Mount: ' + this.state.latitude)
  }

  render() {
    return (
        <Text>{'Mounted: ' + console.log(this.state.latitude)}</Text>
    );
  }
}

现在,我的控制台显示以下结果:

2:14:12 AM: Before Mount: null

2:14:12 …

我编写了一个简单的js函数来打开/关闭复选框,然后单击父级(在本例中为TD).单击TD上的任意位置时,此功能可按预期工作.

但是,当您单击复选框本身时,没有任何反应.
我想知道的是为什么它这样做以及最好的解决方法是什么？

我有一个jsfiddle来演示这个.

这是我的js函数:

$("td.onoff").click(function() {
    var objCheckbox = $(this).find("input[type=checkbox]");
    if( objCheckbox.length >= 1 ) {
        objCheckbox.prop("checked", !objCheckbox.prop("checked"));
    }
});

谢谢.

就像标题所说,我有一个表单的提交按钮,我想要禁用,除非文本框中有文本.该字段已正确禁用,但输入文本后,提交仍保持禁用状态.

这是HTML:

<form method="get" action="#">
    <input type="text" id="edit-combine" name="combined"/>
    <input type="submit" id="edit-submit-clone-of-combined-search" value="search"/>
</form>

这是jquery:

 if($('#edit-combine').val().length == 0){
            $('#edit-submit-clone-of-combined-search').prop("disabled", true);
    }else{
        $('#edit-submit-clone-of-combined-search').prop("disabled", false);
    }

我为此做了一个JSFiddle:http://jsfiddle.net/CR47/ZUmCp/

我有一个快速的问题。如何将状态传递给孩子的孩子？

如果父级有某种状态，那么在 ES6 中将这种状态传递给直接子级而不是直接子级的子级的最佳方式是什么。

我附上了布局的图像。

主应用程序 - 是由标题、侧边栏、内容区域组成的主要组件。

侧边栏由 - 侧边栏项目组成。

内容区包括 - 内容项。

主要问题

如何通过单击侧边栏项目更新内容区域中的组件？

请注意，此布局有 6 个组件（App、Header、Sidebar、Content Area、Sidebar Item、Content Item）。

图片

大家好，我是 REACT 的新手，我正在尝试将我的图像道具传递给 {logo} 有没有人知道我如何设置它？显示 123 但我还是想念图像

    export default class StickyHeader extends React.Component {

  static propTypes = {

  }

  static defaultProps = {

  }

  render() {

    const { logo } = this.props;

    return (
      <header>
        <div className={'logo'}>
          {logo}
        </div>
        <div>123</div>
      </header>
    );
  }
}

<StickyHeader logo={ <img src="http://via.placeholder.com/350x150" alt="" /> }></StickyHeader>

我正在尝试使用JQuery .prop()函数向元素添加自定义属性,但无济于事.这是我尝试过的:

var header = $(document.getElementById("header-main"));
if (header.prop('error')) {
  //do something
}
else {
  $('#header-main').prop('error', true);
  header.prop('error', true);
  //neither of these change the element
  header.html('Changes some text'); //.html() actually seems to work.
}

自从我阅读StackOverflow上的文档和一些帖子后,我感到非常困惑,但我似乎无法弄清楚这个问题.

我正在使用JQuery版本3.3.1来获得它的价值

我正在使用 react.js 构建一个表单，但遇到了一个我似乎无法解决的问题。prop-types我在表单中为我的道具使用 npm 模块并尝试inputType为单个输入设置一个。我不断收到以下错误：

我的代码是：

import React from 'react';
import PropTypes from 'prop-types';

const SingleInput = (props) => (
    <div className="form-group">
        <label className="form-label">{props.title}</label>
        <input
            className="form-input"
            name={props.name}
            type={props.inputType}
            value={props.content}
            onChange={props.controlFunc}
            placeholder={props.placeholder} />
    </div>
);



SingleInput.propTypes = {
    inputType: React.PropTypes.oneOfType(['text', 'number']).isRequired,
    title: React.PropTypes.string.isRequired,
    name: React.PropTypes.string.isRequired,
    controlFunc: React.PropTypes.func.isRequired,
    content: React.PropTypes.oneOfType([
        React.PropTypes.string,
        React.PropTypes.number,
    ]).isRequired,
    placeholder: React.PropTypes.string,
};

export default SingleInput;

我在使用oneOf和 then之间切换oneOfType，但无论哪种方式都得到相同的结果。还有什么我应该做的吗？

非常感谢。

(注意:虽然可能很容易说这是.prop()vs .attr()的重复,但我不相信它.这篇文章做了很棒的工作,解释了.prop()和之间的区别,.attr()但没有明确说明比另一个更好,这就是这个问题的目的.)

尽管已经阅读StackOverflow上一些有关之间的差异问题/答案.prop()和.attr(),我仍然看到了很多混乱在这个问题上.

我觉得在StackOverflow上有一个明确的引用来描述当一个方法比另一个方法更可取时是有用的,这样我们就可以消除猜测并试图弄清楚某些东西是属性还是属性.

因此,我要求,对于哪些属性/特性是它优选使用.prop()和哪.attr()？