Javascript 如何使用道具定制风格

我正在尝试制作一个自定义按钮组件，并使用道具更改按钮的样式。下面是我的代码：

class CustomButton extends React.Component {

render() {

    return (
      <TouchableOpacity
      style={{height:this.props.height, borderWidth:1}}>

      <Text style={{fontSize:13}}>{this.props.text}</Text>

      </TouchableOpacity>
    )
}
}

class CustomButton扩展了React.Component{
render（）{
返回(
{this.props.text}
)
}
}

我这样称呼我的组件：

<CustomButton

      // custom text using props works fine
      text="whatever I want to say"

      // But changing custom style won't work.
     height='200' or 200
/>

---

没有足够的点进行评论，可以尝试发送吗

<CustomButton
  text="....."
  height='200px'
/>



原因是该样式期望200px作为高度px是关键度量之一。
还有其他指标，如px、em、vw等
尝试使用：

<CustomButton
  text="whatever you want to say" 
  height={200}
/>



希望它能工作
你想把30作为默认高度吗？我编辑了一个错误

高度：30@vlaz u tellme@kirimi您的计算机上有

Java

标记，但它似乎与Java无关。我对您的问题了解不够，无法准确判断这是真是假——也许您正在将Java用于与此代码相关的应用程序的某些方面，但这并不明显。也许不是，你认为Java和JavaScript有某种联系。我想澄清这一困惑。您是否可以在JSFIDLE中共享整个部分？“我刚检查过，那里看起来不错。”kunkyab谢谢你的评论。我得到一个错误，表示NSString类型的

JSON值“200”无法转换为YGValue。你忘了%or pt后缀了吗？

如果我把

%

放进去，错误就消失了，但结果不是我想要的。我只是给了这个机会（）道具

yolo

正在进行中，为了能看到变化，我添加了背景色。当我没有将px添加到'200'时，我得到一个警告“react.js:19500 warning:a

div

标记（owner:

Counter

）被传递给CSS属性

height

（value:

200

）的一个数字字符串值，该值在react的未来版本中将被视为一个无单位的数字。”刚刚看到了正确的答案。有点颠簸，我没想到谢谢@kirimi招待我。是的，我也知道了！只要把

{}

放进去就行了！非常感谢。