草庐IT

react-tabs

全部标签

javascript - Redux 如何改变 React 中的 UI?

我一直在努力思考这个概念,但没有成功。官方React教程非常好,但对我来说太复杂了,只是有点太难了。我正在尝试了解Redux,到目前为止,我可以创建Action、reducer,我可以分派(dispatch)一个Action,然后查看分派(dispatch)后存储状态如何变化。我还设法理解了react-redux的connect,它工作得非常好,我能够从我的应用程序中的任何地方触发调度。所以我想我几乎明白了。几乎是因为这是房间里的大象-我发送了操作,我看到Redux状态发生了变化,但是我该如何更改UI?例如,我的初始状态中有一个text对象,其值为Initialtext并且单击按钮后,

javascript - JSX 中的虚假值 react

我正在学习reactJs并尝试将属性传递给组件。代码如下-importReactfrom'react';importReactDOMfrom'react-dom';classmyComponentextendsReact.Component{render(){if(this.props.signedIn==false){returnHi;}returnHello!;}}ReactDOM.render(,document.getElementById('app'));这行得通,但请注意我必须注入(inject)false的部分,因为javascript包裹在花括号中。我怀疑JSX是否不像

javascript - react 函数说 "is not a function"

我正在努力将一个小React应用程序分解成更小的组件。在分离代码之前,一切都按计划进行。我现在正在尝试调用一个函数onChange,它调用一个函数,然后调用一个函数作为prop。我像这样绑定(bind)函数this.updateInput=this.updateInput.bind(this);但我仍然无法弄清楚我缺少什么。我在这里(React:Passfunctiontochildcomponent)上尝试了最近的一篇文章,但错误仍然存​​在。任何帮助都很棒。这是我正在使用的代码:classWeatherextendsReact.Component{constructor(props

javascript - React Hooks 与 React Router v4 - 我如何重定向到另一条路线?

我有一个简单的ReactHooks应用程序-Todos列表-带有ReactRouterv4在Todo列表中,当点击Todo时我需要:在上下文中调度当前的待办事项重定向到另一条路线(从/todos到/todos/:id)在之前基于React类的实现中,我可以使用this.context.history.push重定向到另一个路由。我将如何结合使用ReactHooks和ReactRouterv4来处理这个问题(在下面的代码中,请参阅我在函数editRow()中的评论)?代码如下:=====index.js=====importReactfrom'react';importReactDOMf

javascript - 使用 Webpack 4 构建 React 组件库

我目前正在构建一个React组件库并将其与Webpack4捆绑在一起。从构建库的包到将其发布到npm注册表,一切都运行良好。但是,我无法在其他React应用程序中导入它的任何组件并在运行时收到此错误消息:Elementtypeisinvalid:expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:undefined.Youlikelyforgottoexportyourcomponentfromthefileit'sdefinedin,oryoumighthavemi

javascript - 捕获用户输入的 react 变量(Meteor)

我仍在努力思考Meteor中的响应式(Reactive)编程模型,所以这可能是一个愚蠢的问题,但是:我可以使用模板系统来提取数据,而不是像文档中那样“注入(inject)”数据吗?也就是说,假设我有一个像这样的文本区域{{projectDescription}}然后是否可以访问projectDescription字段作为react性数据源?我在REPL中没有使用Template.project.projectDescription,但正如我所说,我是这个游戏的新手。如果我的建议是不可能的,惯用的方法是什么?比如,我会把我的document.getElementById('desc').

javascript - Chrome 扩展 : make chrome. tabs.query() 同步

我目前正在使用这段代码:url="unknown";chrome.tabs.query({'active':true,'lastFocusedWindow':true},function(tabs){console.log(tabs);//test,printsone-elementarrayasexpectedurl=tabs[0].url;});$("#url_div").html(url);获取当前URL,但chrome.tabs.query()是异步,我怎样才能使其同步?(即在某处添加asynch:false)我知道我可以在查询内设置URL,或者从那里调用另一个函数,但最好是(

javascript - react : Get initialstate after state has changed

是否有可能在状态改变后检索初始状态?例如:React.createClass({getInitialState:function(){return{foo:'bar'}},componentWillMount:function(){this.setState({foo:'foo'})},componentDidMount:function(){//gettheinitialstate"bar"?}})我在文档中找不到任何内容。我当然可以将值保存在外部变量中,但我只是好奇是否可以将初始状态视为可以重复使用的“配置”对象。 最佳答案 不

javascript - chrome.tabs.getCurrent() 或 tabs.query()

两种方法都产生相同的错误UncaughtTypeError:Cannotreadproperty'query'ofundefined我的内容脚本...我已经看过HowtofetchURLofcurrentTabinmychromeextensionusingjavascript和Howdoyouusechrome.tabs.getCurrenttogetthepageobjectinaChromeextension?尽管我仍然不确定自己做错了什么。list.json{"name":"ExtensionTester","version":"0.0.1","manifest_version

javascript - 如何修复 md-tabs 和 md-toolbar 以及滚动 md-content?

我正在尝试做这样的事情:{{item}}{{item}}我希望选项卡和工具栏固定(始终可见)并滚动列表的内容。我找不到办法做到这一点。还有其他类似的问题报告(例如here),但它们似乎是旧的并且应该已修复。我正在使用angular-material0.10.0笨蛋here 最佳答案 您可以使用一点CSS来做到这一点。Addaclasstotheelementswithposition:fixed!important不要忘记使用!important。这将覆盖选项卡和工具栏的默认位置属性 关