Tag: reactjs
像在Java中那样扩展TextInput以在React Native中自定义默认字体和文本颜色
我想创建一个“TypefaceTextInput”，它将具有特定的字体和文本颜色，并将替换所有TextInput中的原生反应。 这样我就不必每次声明字体和文本颜色。 有没有办法做到这一点？ 我是新来的反应本地化，但熟悉Android和Java和KOTLIN。 如果你能用类比来回答我们如何在java或kotlin中做到这一点，那将是非常有帮助的。 在这里find这个答案，说 我们的应用程序组件库与我们的设计团队的风格指南的风格和命名相匹配 但是我认为如果我们使用这个，会有额外的嵌套组件。 有没有什么办法可以扩展TextInput并在子类中做需要的事情？
在ReactDOMBuilder.render中引用div的正确方法是什么？
我一直在转换这个代码： https://github.com/Kotlin/kotlin-fullstack-sample/blob/master/frontend/src/org/jetbrains/demo/thinkter/HomeView.kt 以我自己的需要，并得到了一个点，在我需要做的渲染方法： val div = document.getElementById(“map”) kotlinGoogleMap(div) 这来自https://blog.frankel.ch/kotlin-front-end-developers/，所以我试图调用的实际线路是这里的第33行https://github.com/nfrankel/kotlin-frontend/blob /master/src/script.kt#L33 有没有从我的HomeView.kt渲染方法做到这一点的好方法？
如何用Kotlin React Frontend渲染ChartJs
我正在试验一个基于Kotlin和React的简单项目，我有一些数据可以用ChartJs来形象化。 但我不确定如何“连接点”。 我在随机生成一些关于一些虚拟“客户”的背景数据。 这是一个连续不断的数据stream （从技术上讲，如果我不停止的话，它会永远持续下去），看起来像这样： data:{“name”:”John”,”age”: 22,”money”:1088.434131568658585820230655372142791748046875} data:{“name”:”Patric”,”age”: 32,”money”:9803.739582599226196180097758769989013671875} data:{“name”:”Sven”,”age”: 13,”money”:6654.2184028105320976465009152889251708984375} data:{“name”:”Trevor”,”age”: 29,”money”:1818.314185601747112741577439010143280029296875} data:{“name”:”John”,”age”: 30,”money”:427.240483111973617269541136920452117919921875} data:{“name”:”Mark”,”age”: 15,”money”:3065.9830877835693172528408467769622802734375} data:{“name”:”Daniel”,”age”: 18,”money”:5860.1371074951812261133454740047454833984375} data:{“name”:”Chris”,”age”: 28,”money”:7547.2329861790212817140854895114898681640625} 这是我的模型： data class CustomerData(var name: String, var age: Int, var money: Int) 和我的图表组件： interface CustomerChartProps : RProps { var customerDataList: List } interface CustomerChartState : RState { var customerDataList: List } class CustomerChart : […]
如何使用SVG与kotlin反应
嗨能有人帮助我如何使用SVG与Kotlin React。 我想实现类似的事情，下面的例子使用react和javascript： const MyComponent = ({radius, color}) => ( ) 不幸的是我一直没能find任何例子或足够的文件。 使用Kotlin我不知道我可以使用什么语言function来实现相同的function。 任何人都可以帮助我使用Kotlin填写以下代码片段？ fun RBuilder.MyComponent(radius: Int, color: String) { svg { … } } 非常感谢。
为什么this.state在原生反应中是未定义的？
我是一个完全新手在反应原生，react.js和JavaScript。 我是Android开发者，所以想给RN一个尝试。 基本上，差别是onPress ; 这个代码在toggle（）运行时显示'undefined' ： class LoaderBtn extends Component { constructor(props) { super(props); this.state = { loading: false }; } toggle() { console.log(this.state); // let state = this.state.loading; console.log("Clicked!") // this.setState({ loading: !state }) } render() { return ( <Button style={{ backgroundColor: '#468938' }} onPress={this.toggle}> <Text>{this.props.text}</Text> </Button> ); } } 但是这个代码工作： class LoaderBtn extends […]
Kotlinx-html ref事件
我已经注意到在使用kotlinx html的代码库中的以下功能，而且很难完全理解： private fun <E : HTMLElement> Tag.xrefImpl(prop: KMutableProperty0<E?>) = this.consumer.onTagEvent(this, "ref", { prop.set(it.asDynamic()) }) 据我所知，从google的asDynamic ， asDynamic是一种kotlin-js方法，它简单地抑制了类型检查。 好的，但其余的还不清楚。 这个文档并不是很详细的介绍它的内部，即consumer ， ref和onTagEvent 。 最重要的是，为什么参数类型KMutableProperty0 ？
为什么这个Spring Boot应用程序找不到主页面？
我试图创建一个最小的Spring Boot应用程序，允许我在前端使用ReactJS。 我想实现的 当我运行Spring Boot应用程序时，它应该显示一个包含React组件的页面。 项目的结构 你可以在这里找到源代码。 Spring Boot应用程序类 控制器类 主HTML页面 反应代码 我得到了什么 当我 运行mvn clean mvn clean spring-boot：run`和 导航到http://localhost:8080 ， 我得到了404错误（见下文）。 我该如何解决？ 笔记： 我从教程React.js和Spring Data REST中复制了这个方法。 不要告诉我摆脱Kotlin，它是不太可能是Kotlin导致的问题。 更新1（07.08.2017 22:17 MSK）： mvn clean spring-boot:run的输出可以在这里找到。 更新2（07.08.2017 22:44 MSK）： 在MyApp类RestController更改为Controller并将main方法移到里面并没有帮助。 目前， MyApp类看起来像这样： @SpringBootApplication @Controller open class MyApp { fun main(args: Array<String>) { SpringApplication.run(MyApp::class.java,*args) } }
