问

如何动态更改ReactJS样式？

手机用户2502884755 发布于 2023-01-19 09:15

twitter

我试图在我的twitter bootstrap网络应用程序中运行ReactJS.我有一些使用样式的问题.

有这个div:

   ...
   
   ...

我正在编写一些动态进度条,并希望进行80%的更改(请查看下面的**).所以这是我在JSX中编写的代码:

  var Task = React.createClass({
  render: function() {
  return (
  
    
      
        {this.props.type}
        {this.props.children}%
      

      
        **
      
    
   
  );
 }
});

我阅读了一些关于内联sytles的文档,但是这个例子很轻松.

谢谢你的帮助.

编辑:

通过使用:

    style={{width : this.props.children}}

它工作正常,但只是想知道如何强制它作为%而不是px.

1 个回答

好的,终于找到了解决方案.

可能是由于缺乏ReactJS和Web开发的经验...

    var Task = React.createClass({
    render: function() {
      var percentage = this.props.children + '%';
      ....
        <div className="ui-progressbar-value ui-widget-header ui-corner-left" style={{width : percentage}}/>
      ...

我在渲染函数中创建了百分比变量.

2023-01-19 09:20 回答

a7431555

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签