草庐IT

Text、Button组件

全部标签

javascript - 我可以使用 Angular2 Universal 仅在客户端中运行组件方法吗?

我正在写一个angular2universal应用程序。它有一个d3图表,但我希望只在客户端(浏览器)呈现d3图表,而不是尝试在服务器上呈现它。angular2universal中是否有一个接口(interface)只能在客户端运行一个组件方法?即classComponentWithChartimplementsOnInit,ngUniversalBrowser{elem;constructor(privateviewContainerRef:ViewContainerRef){}ngUniversalBrowserOnInit(){this.elem=this.viewContain

javascript - 使用 Chrome 扩展中的 jQuery/Plain Javascript 修改 React 组件的状态

我正在构建一个小型Chrome扩展程序供我个人使用。在Facebook的广告管理器(使用React)中,我想将textarea字段的值更改为由我的chrome扩展程序生成的值。我试过像这样用老式的方式做document.querySelector('textarea').value=myValue;这会改变屏幕上的值,但在chrome的检查元素中,该值不会改变,当我关注输入元素时,值会重置。这是React组件的图片:这是这个react组件Prop和状态的图片:在上面的组件中,我想将state.displayValue更改为我的值。如何实现? 最佳答案

javascript - React、Apollo 2、GraphQL、身份验证。如何在登录后重新渲染组件

我有这个代码:https://codesandbox.io/s/507w9qxrrl我不明白:1)如何在以下之后重新渲染()Menu组件:this.props.client.query({query:CURRENT_USER_QUERY,fetchPolicy:"network-only"});如果我login()我希望我的Menu组件重新渲染()本身。但是什么也没有。只有当我点击Home链接时,它才会重新渲染()本身。我怀疑是因为我正在使用它来渲染它:在react-routerprops中拥抱它。有错吗?另外,如果在login()之后检查Menu的this.props,我会永远看到l

javascript - 将单文件 .vue 组件转换为 JavaScript?

是否有一个工具可以采用这样的.vue模板:Hello,{{thing}}exportdefault{data(){return{thing:'World'};}}div{background:red;}并将其转换为.js文件,如下所示:exportdefault{template:`Hello{{thing}}`,data(){return{thing:'World'}}}(不确定它对CSS有什么魔力,但它会做一些事情。)我正在尝试使用native浏览器模块,效果很好,但我想使用.vue文件语法,因为它提供了一些不错的东西。我想避免使用像Webpack或Browserify这样的bun

javascript - 响应调用子组件中的函数

我试图调用存储在父组件子组件中的函数。但不确定是否要这样做。我知道如果是从child到parent,我可以简单地使用组件Prop,但不确定如何从parent到child。从下面的示例中可以看出,父类中的按钮需要触发子类中的显示功能。varParent=React.createClass({render(){}})varChild=React.createClass({getInitialState(){return{display:true};},display:function(){this.setState({display:!this.state.display})},rende

javascript - 如何处理相同子组件中的 React Native animated.timing

父组件:routes.forEach((data,index)=>{content.push()})项目组件:scrollAnimate(toValue){const{offset}=this.props;Animated.timing(this.state.xTranslate,{toValue,duration:20000,easing:Easing.linear,useNativeDriver:true}).start((e)=>{if(e.finished){constnewState={xTranslate:newAnimated.Value(offset)}this.set

javascript - VueJS - 将插槽传递给子组件的子组件

我有一个列表和一个list_item组件,我在我的应用程序中经常重复使用它们。简化形式:contact_list.vue.table.table-header.table-row.table-colContact.table-colInfo.table-bodycontact-list-item(v-for='contactincontacts',:contact='contact',@click='doSomething()')contact_list_item.vue.table-row(@click='emitClickEvent').table-col{{contact.nam

javascript - 中继现代 RefetchContainer Prop 未传递给组件

我在RelayModern中设置refetchContainer时遇到一些问题。父组件是QueryRenderer,它运行初始查询,适本地填充子组件的Prop(a-prop-riately?嗯?嗯?!)。refetchContainer指定了我们所有的变量,并在输入字段的onChange事件上,使用新变量重新运行查询。这一切都很完美,除了child的Prop永远不会用收到的新数据更新。我可以深入中继存储并查看确实收到了带有适当数据的查询。一段时间以来我一直在反对这个问题,我会很感激一些帮助。可能我缺少一些简单的东西。上帝知道RelayModern文档很少。我四处寻找,找不到合适的解决方

javascript - 使用三元表达式渲染组件

我去使用三元表达式渲染一个组件。目前我正在做这样的事情{this.state.loaded?():(Loading..)}但这不起作用,并抛出一个错误提示InvariantViolationExceptionsManager.js:84UnhandledJSException:InvariantViolation:InvariantViolation:Textstringsmustberenderedwithinacomponent.[问题:]如何修复它并在三元表达式中渲染整个组件Ps:据此stackoverflowquestion:当我们进行内联条件渲染时会发生这种情况。

javascript - mounted() 仅在组件 Vue.js 上运行一次

我有两个使用v-if有条件地渲染的组件:我在mounted()下有两个组件的加载动画,我只想在第一次加载它们时运行。但是对于已安装的组件,每次当this.mode更改时重新创建组件时,动画都会再次触发。我怎样才能避免这种情况? 最佳答案 您可以将您的组件包装在一个keep-alive元素中.. 关于javascript-mounted()仅在组件Vue.js上运行一次,我们在StackOverflow上找到一个类似的问题: https://stackoverf