小编Riz*_*van的帖子

如何在html的新标签页面中打开链接?

我正在开发一个HTML项目,我无法找到如何在没有javascript的情况下在新选项卡中打开链接.

我已经知道<a href="http://www.WEBSITE_NAME.com"></a>在同一个标​​签中打开链接.有任何想法如何让它在新的开放?

html anchor hyperlink browser-tab

349
推荐指数
8
解决办法
64万
查看次数

在React组件中创建自定义函数

我有一个React组件

export default class Archive extends React.Component { 
   ...
}
Run Code Online (Sandbox Code Playgroud)

componentDidMountonClick方法部分使用相同的代码,除了参数的微小变化.

是否可以在组件类中创建一个函数,以便可以在组件的范围内重用它?

javascript reactjs

43
推荐指数
3
解决办法
8万
查看次数

Modal正在使用bootstrap4 alpha6模式转换错误

我正在使用bootstrap4 alpha 6 Modal,我得到:

Error: Modal is transitioning
Run Code Online (Sandbox Code Playgroud)

当我尝试通过JavaScript函数再次使用动态数据重新触发相同的模态时,会发生这种情况,如下所示:

function openModal(title, text) {
    $('.modal-title').text(title);
    $('.modal-body p').text(text);
    $('#modalAlert').modal('show');
}
Run Code Online (Sandbox Code Playgroud)

我尝试使用setTimeout函数,但没有像本文中那样工作:https: //github.com/twbs/bootstrap/issues/21687

有什么建议?

javascript jquery modal-dialog bootstrap-4

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

禁用navlink反应路由器

我正在使用react路由器,我想在某种状态下禁用to属性.我传递了空字符串,但这并没有禁用链接,而是占用了页面的基本路径.我甚至试图传递null但是这会破坏代码.甚至可以这样做吗?

<NavLink className="nav-link" to={this.state.role == 4 ? "/pages" : ""}></NavLink>
Run Code Online (Sandbox Code Playgroud)

reactjs react-router

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

暂停 getUserMedia 返回的流

我已将 getUserMedia 返回的流引导到<video>html 页面中的元素,现在可以在该元素中看到视频。问题是,如果我从视频元素的控件中暂停视频,然后在 x 秒后恢复,则视频元素中显示的计时器将跳转到pauseTime + x 秒。我想这是因为当我们暂停视频元素中的播放时,流没有暂停。如果是这样,我们也可以暂停流。

html javascript html5-video getusermedia

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

Javascript字符串模式验证

我有一个字符串,我想验证该字符串,以便它不能包含某些字符,如'/''\''&'';' 等等...我如何一次验证所有这些?

javascript regex validation pattern-matching

3
推荐指数
2
解决办法
4万
查看次数

在反应中使用元素的aria属性

我有以下渲染方法:

render: function () {
  return (
    React.createElement('div', {className: 'modal', id: 'errorModal', tabIndex: '-1', role: 'dialog', ariaHidden: 'true', dataBackdrop: 'false', style: {marginTop: '30px'}}, 'text')
  )
}
Run Code Online (Sandbox Code Playgroud)

这给了我错误:

react.js:20541警告:未知的道具ariaHidden,dataBackdrop在标签.从元素中删除这些道具.有关详细信息,请参阅构造函数中的div(由Constructor创建)

我该怎么解决这个问题?文档说我可以使用这些属性.小写也不起作用.我不想使用jsx.

javascript reactjs

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

react中的输入框显示reactjs中的建议

如何制作一个输入框,它会以很小的延迟而不是在每个字符输入上都快速给出建议。我不想在每个字符输入上都点击建议 api。

class Input extends React.Component {
constructor (props){
super(props);
this.state = {
  inputVal:'',
  suggestion : []
}
}

handleChange = ({target:{value}})=>{
  fetch('https://api.github.com/search/users?q='+value, (res)=>{
  this.setState({suggestions:res.items});
  });  
}


  render(){
    <input onChange={this.handleChange} value {this.state.inputVal} />
    <ul id="suggestions">
    this.state.suggestions.map(sugg=>{
      return (
      <li>{sugg.login}</li>
      )
    })
    </ul>
  }
}

ReactDOM.render(<Input />, document.getElementById('container'));
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id='container'></div>
Run Code Online (Sandbox Code Playgroud)

javascript input delay smoothing search-suggestion

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