草庐IT

react-motion

全部标签

javascript - 尝试使用 React Hooks 时出现 "TypeError: Object(...) is not a function"错误(alpha)

这个问题在这里已经有了答案:HowtousenewFeatureHooksinReact?(1个回答)关闭4年前。当我尝试使用新的Reacthooks功能时,出于某种原因我遇到了这个烦人的错误消息。我按照文档中的说明使用yarnaddreact@next将React升级到最新的alpha版本。

javascript - 从使用 React 和 Webpack 构建的网站的 url 中删除 .html 扩展名

我正在努力做到这一点,而不是我的浏览器显示'https://mydomainname.com/index.html'我的浏览器将只显示'https://mydomainname.com/index'.我的网站有4个网页,它们是使用React编写的,Webpack将所有内容捆绑在一起,因此我有4个.html文件(索引、联系人...)和4个具有相同前缀的.js文件(索引、联系人、...)我没有使用React路由器。我真的不知道它是什么,但是很多其他答案都提到了它。当我使用React时,这是唯一的方法吗?Thisansweronlymentionsreactrouterfornonbrows

javascript - React-native 上传图片到 amazon s3

我想将图像从我的应用程序上传到S3服务器。我计算了所有数据和代码(在计算机上使用curl测试)但我无法弄清楚如何正确调用“获取”。我收到回复:'您指定的至少一个先决条件不成立。条件:桶POST必须是enclosure-type-multipart/form-data'如何在react-nativesfetch中重新创建表单数据?没有FormData我可以像在获取示例中一样附加然后发送它。编辑:感谢@philipp-von-weitershausen,感谢您添加了此功能。但是我在调​​用它时遇到了一些麻烦。我收到“不支持的BodyInit类型”。发现是因为在fetch.js中:"supp

javascript - 是否可以将 var styles = StyleSheet.create 从 React.component 分离到不同的脚本中?

是否可以在ReactNative中将varstyles=StyleSheet.create从React.component分离到不同的脚本中? 最佳答案 这是可能的。只需使用此模式创建一个js文件:'usestrict';varReact=require('react-native');varmyStyles=React.StyleSheet.create({style1:{},style2:{})}module.exports=myStyles;然后在您的组件js中使用require来使用该样式表,例如假设你的样式js文件被命名为

javascript - React 路由器不允许加载图像

我是第一次使用react-router,我的项目有点问题。React-router可以很好地更改url,但是我的图像没有加载。我相信这是因为基本url发生了变化,例如当链接像这样时它可以工作:http://localhost:3000/f0287893b2bcc6566ac48aa6102cd3b1.png但当它像这样时它不会http://localhost:3000/module/f0287893b2bcc6566ac48aa6102cd3b1.png。这是我的路由器代码:import{Router,Route,browserHistory,IndexRoute}from'react

javascript - 在 React-Native 中访问 this.state

嗨,我是React的新手,请多多包涵。我想将地理位置存储为一个状态。看起来很漂亮,因为位置的任何变化都会触发渲染,这正是我想要的。在开发过程中,我有一个按钮,通过访问lastPosition手动触发事件。但是当我这样做的时候。状态是“未定义”。有什么线索吗?exportdefaultclassFetchProjectextendsComponent{constructor(props){super(props);this.state={initialPosition:'unknown',lastPosition:'unknown',};}//codethatsetslastpositi

javascript - React Styled Components - 如何访问原始 html

我有一个组件的引用,我正在将其转换为styledcomponent在我的应用程序中。ref用于访问组件的原始html元素上的offsetHeight和scrollHeight属性。将此组件切换为样式化组件后,ref现在指向样式化组件而不是原始html元素,我不确定如何引用基本元素。这能做到吗?例子:constTextArea=styled.textarea`display:block;margin:00018%;padding:4px6px;width:64%;font-size:1rem;color:#111;`;exportdefaultclassInputextendsCompo

javascript - React-Select - 替换自定义选项内容的组件

使用React-Select(版本2),我希望有自定义设计(选择)选项。文档表明ReplacingComponents将是我可以用来实现这一目标的方法。很遗憾,我无法找到显示此功能实现的示例。有没有人可以向我展示此功能的用法,您将拥有一个简单的自定义选项(可能是一个标签和值,每个选项标签的左侧还包含一个SVG图形)。提前致谢 最佳答案 对于大多数用例,您可能不需要替换完整的选项组件。如果您希望保留与选项相同的整体结构和外观,但您想要显示多个文本block、图像或对每个选项的主体进行一些其他特殊处理,则有一个更简单的方法方式。那就是使

javascript - CSS 模块不适用于 React 版本 16.6.0

我试图在React中使用CSS模块。这是我的App.js代码importReactfrom'react';importstylesfrom'./index.css'constApp=()=>{constREACT_VERSION=React.version;return(MainappGreenYellowReactversion:{REACT_VERSION});};exportdefaultApp;这是我的index.css代码.test{background:black;color:white;font-size:34px;border:34px;}这是输出我知道我要修改webp

javascript - React JS - 实时时钟更新

我有一个时钟函数可以获取时间并显示小时、分钟和秒,我正在尝试实时更新屏幕上的数据,但由于某种原因我的setInterval函数没有执行此操作我期待。我以为react的render方法应该是实时渲染数据。我需要ajax吗?谁能提供一些建议?varCityRow=React.createClass({render:function(){varcurrentdate=newDate();functiongetTime(){//getlocaltimebasedontheUTCoffsetthis.hours=currentdate.getUTCHours()+parseInt(this.pr